问题标签 [flutter-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3979 浏览

flutter - PageViews 附加到同一个 PageController

似乎在 1 个屏幕上显示 2 个 PageViews 时出现问题。下面是我的应用程序:日历周时间线是 PageView,它下面的内容也需要是 PageView。

截屏

现在两个 PageViews 需要相互交谈 - 当滚动底部内容 pageview 时,我希望上层视图更改白色圆圈选择,最后翻转页面,当即将结束时。

所以我用

(或 nextPage() 方法),这就是我得到的:

当多个 PageView 附加到同一个 PageController 时,无法读取页面属性。包:flutter/src/widgets/page_view.dart':断言失败:第 101 行 pos 7:'positions.length == 1

似乎他们出于某种原因使用相同的 PageController?任何想法如何解决它?

0 投票
2 回答
7131 浏览

flutter - Flutter中如何减少AppBar的标题空间

我已经覆盖了titleSpacingAppBar 的构造函数中的。但标题空间没有区别。

在此处输入图像描述

我希望减少应用栏标题的顶部空间。

0 投票
20 回答
165079 浏览

flutter - 垂直视口被赋予了无限的高度

这是我的代码:

例外情况如下:

0 投票
6 回答
20929 浏览

flutter - Flutter:使用 Grid 拖放

我想创建一个小部件,您可以在其中添加多个不同大小的小部件,并可以使用拖放技术更改它们的位置。类似于带有拖放功能的网格视图,您可以在其中水平和垂直更改位置。当您拖动选定的小部件时,其他小部件将四处移动以为其打开空间。

有没有人有任何建议从哪里开始,或者已经有一些例子正在实现我正在寻找的东西?

0 投票
2 回答
13878 浏览

flutter - Flutter - 对齐和包装问题

我正在尝试构建一个 ListView,其中的图块如下所示: 在此处输入图像描述

但是,我在这里面临一些问题。所以项目布局是

如上图所示,布局层次结构是

行 -> 图像、列 -> (行 -> (标题、评级))、描述、文本、文本

  1. 首要问题

    第一个问题是我无法在 Title、Rating 行中将 Rating 对齐到右侧。所以我希望标题左对齐,评级右对齐。为此,我尝试为这两个小部件提供 flex 评级,但一旦我这样做,它们都会消失。我能想到的唯一方法是给标题一个宽度,但这是一种非常笨拙的方法,并且会在大多数设备上中断。

  2. 第二期

    我希望描述适合卡片的范围。但是,除非我为描述容器定义特定宽度,否则我无法将其限制在屏幕范围内。我尝试用各种 flex 值将它封装在 Expanded、Flex 和 Flexible 中,但没有运气。我尝试使用 Text 小部件的 softWrap 属性,但还是没有运气。一旦我将文本包装在任何这些小部件中,它就会消失。在上面的代码中,我将文本包装在一个容器中,并为其设置了宽度。这可行,但同样,它非常hacky,并且在不同的设备上看起来会有所不同,而且会在一些设备上中断。

在这些问题上的任何帮助都会很棒。

0 投票
0 回答
173 浏览

android - 错误:在 null 上调用了 tabLabel

我刚刚在 GooglePlay 上发布了我的 Flutter 应用程序的测试版。它在我的设备中运行良好,但在其他设备中我遇到了一些问题,我不知道为什么......我从来没有从我的代码中调用 tabLabel(),但我创建了一个 TabBar。

这是错误的屏幕截图: 实际的

应该是这样的: 期望的

导致错误的代码是:其中 Language 是 LocalizationsDelegate 类

0 投票
1 回答
5193 浏览

android - 当 TextField 处于焦点时呈现溢出

我有带有 TextField 和 Flexible 的列。灵活的由显示英雄角色列表的 ListView 组成。当我开始关注 TextField 时,显示器显示 x 像素的渲染溢出。怎么做才能避免这种情况?

0 投票
24 回答
284154 浏览

flutter - 如何在 Flutter 中设置按钮的宽度和高度?

我已经看到我无法ElevatedButton在 Flutter 中设置 a 的宽度。如果我很好理解,我应该ElevatedButtonSizedBox. 然后我将能够设置框的宽度或高度。这是对的吗?还有另一种方法吗?

在每个按钮周围创建一个有点乏味,SizedBox所以我想知道他们为什么选择这样做。我很确定他们有充分的理由这样做,但我不明白。对于初学者来说,脚手架很难阅读和构建。

0 投票
3 回答
11226 浏览

firebase - 在 Flutter 中关闭 AlertDialog

我有一个简单的 Flutter 应用程序,其中包含从 Firebase 数据库(Cloud Firestore)加载的项目列表。

在此处输入图像描述

如您所见 - 有添加项目的按钮,每个项目都可以删除或编辑。当我按下所选项目的编辑按钮时,会出现带有 TextField 的 AlertDialog,在此 TextField 中,用户可以看到当前项目名称并对其进行编辑。 我只有在编辑后关闭对话框时遇到问题。

值正在正确更新,但 AlertDialog 未关闭。错误代码如下。我认为这是因为它是由从服务器修改和更新的项目调用的。

颤动:处理手势时抛出以下断言:颤动:查找已停用小部件的祖先是不安全的。flutter:此时小部件的元素树的状态不再稳定。要在其 dispose() 方法中安全地引用 flutter: widget 的祖先,请通过在 widget 的 didChangeDependencies() 方法中调用 flutter: inheritFromWidgetOfExactType() 来保存对祖先的引用。

0 投票
11 回答
17272 浏览

dart - 如何删除 RadioListTile 上的内部填充,以便可以连续使用 3 个 RadioListTiles?

我对 Flutter 和 Dart 很陌生,我似乎找不到任何关于这个特定主题的提示。我正在尝试将 3RadioListTiles放在Row这样的位置:

按钮布局很好,但标签似乎浪费了很多空间。我在下面放了一张它目前的截图。我尝试包装ExpandedRadioListTileTextinPadding小部件(一次全部一个)以手动将填充设置为 0,但它没有做任何事情。我也尝试过改变ExpandedFlexible即使我认为这不会改变任何事情。我现在不知所措。有没有办法让这个布局工作?我有点假设我正在做的事情真的很愚蠢。

显示填充的布局检查器