问题标签 [flutter-row]

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 投票
10 回答
109457 浏览

flutter - Row 内的 TextField 导致布局异常:无法计算大小

我遇到了一个我不知道如何修复的渲染异常。我正在尝试创建一个有 3 行的列。

行 [图片]

行 [文本字段]

行 [按钮]

这是我构建容器的代码:

和我的文本容器的 buildAppEntryRow 代码

当我运行时,出现以下异常:

如果我将 buildAppEntryRow 更改为 TextField 而不是这样

我不再得到例外。导致它无法计算该行大小的 Row 实现缺少什么?

0 投票
2 回答
104 浏览

flutter - 向 Row() 中的小部件添加具有特定宽度的间距的最有效方法是什么?

我使用 Expanded() 告诉我行中的小部件使用可用空间。我想在我的行中的元素之间有 4px 的空间。我不想对行之外的元素有相同的空间。鉴于 Flutter 不支持负 Padding,因此我无法以使第一项没有左 Padding 和最后一项没有右 Padding 的方式添加 Padding。

是否有模式可以轻松定义特定宽度的间距?我想要一个适用于任意数量的小部件的解决方案。对于 4 个小部件,我想要产生相当于:

0 投票
2 回答
109 浏览

flutter - 带有 2 个子图标和(扩展)文本(长)的行,它们之间有空格

我有一排有 2 个孩子的一排图标(位置)和文本

这是示例图像在此处输入图像描述

这在图标和文本之间有一些空间。如果我对齐文本开始,则它没有空格,但第二行也从开始,我希望文本居中

我希望位置 iocn 和文本没有任何空间,例如电话号码或电子邮件地址。

0 投票
1 回答
1433 浏览

flutter - 使用扩展/灵活在行中颤动多个项目

我想在 Row 中有更多(在本例中为 4)项目。我尝试使用 Expanded 或 Flexible 或 mainAxisAlignment: MainAxisAlignment.spaceEvenly 来填满屏幕的所有宽度。但是我想将项目设置为特定的宽度和高度 50 像素,并且项目周围的 GestureDetector 是屏幕的 1/4(4 个项目 = 全宽)。所以我在行中点击的任何地方都会选择一些东西。我的问题是,我的每个解决方案都会使项目(圆圈)变形,或者圆圈必须非常大,宽度 = 高度才不会变形。我还尝试将整个 _ratingEmoji 包装在 Expanded 中,并将 ratingItem.ratingIndicator 约束设置为最大宽度,但结果相同。

项目行:

物品:

}

RatingIndicator 是屏幕上的“圆圈”项目:

非常感谢。

更新:

与项目的行

项目应该保持在屏幕截图上,但是“整个”行应该是可点击的(意味着即使你在 2 个项目之间点击,应该选择更接近点击的一个)

0 投票
2 回答
3236 浏览

flutter - 如何在颤动的屏幕底部放置一行

我有 3 列我想使用这些列制作不可滚动的屏幕 前 2 列只有一个图像 最后一列有一行,其中有四个图标我想在最后一列放置一个在屏幕底部有一个行图标对于每种尺寸的屏幕,我现在都想要它的样子

在此处输入图像描述

0 投票
3 回答
79 浏览

flutter - 如何给所有 Row 孩子相同的高度

我很难让 Row 的两个孩子,即 TextField 和 RaisedButton 的高度相同。按钮的高度总是较短。我可以用 SizedBox 做到这一点,但它是固定高度并且是手动的。这是我的代码和 UI 现在的样子:

在此处输入图像描述

我想知道是否有推荐的方法如何使 Row 的孩子身高相同。

顺便说一句,侧面的黑线是用于模拟器框架的。

0 投票
1 回答
249 浏览

flutter - Flutter 中的 statefulWidget 中的屏幕未更新

statefulWidget在 Flutter 中有这样的:

问题是,当我第一次使用这个小部件启动应用程序时,我可以hello在屏幕上看到,但是如果我继续并更改hellohellosin selectedWord,那不会更新屏幕,hello即使打开了热重载它仍然会显示我. 我必须去重新启动应用程序,以便它显示给我hellos。我该如何解决这个问题?

0 投票
1 回答
34 浏览

flutter - 如果需要,将中间元素包装到新行?

我在多页表单的底部有一个导航栏,带有后退或前进按钮,以及当前页面的指示器。

现在,我将指示器放置在Row另一个Row包含按钮的上方,如下所示:

当前小部件

这行得通,即使在小尺寸显示器上也能正常工作。但是,如果有足够的空间,我宁愿将指示器与按钮放在同一行,如下所示(除了指示器未居中):

所需的小部件

问题是,这对于某些设备来说可能太宽了,尤其是如果页面不止几页的话。在这种情况下,我希望页面指示器或按钮“换行”到新行,就像在当前设计中一样。

将所有内容放在 a 中很容易Wrap,但这会使NEXT-button 换行而不是页面指示器,因为这是最后一个元素。

如果需要,是否有一种简单的方法可以使中间元素换行到新行上?还是必须求助于手动计算尺寸并创建两种不同布局的黑魔法?

0 投票
2 回答
51 浏览

flutter - 连续的小部件没有均匀地间隔开

我正在尝试制作一个小部件以在社交媒体平台上显示用户的帖子,我想在帖子中包含某些元素,其中一个是他在创建帖子时可能附加的外部链接。我希望这些链接由圆形按钮表示(我已经通过使用ClipOval设法实现)并且我希望这些椭圆形排列成一排,与中心均匀间隔。

这是我迄今为止描述并设法实现的图像

到目前为止,我能够将它们分开的唯一方法是添加一定宽度的SizedBox(s) 。但这对于不同的帖子效率不高,链接的数量可能不同,因此椭圆的数量也可能不同。这看起来会很乱。

我已经使用堆栈覆盖了帖子图像顶部的行(我已对其应用线性渐变以使按钮可见)。

这是我的代码

任何帮助,将不胜感激。

0 投票
3 回答
986 浏览

flutter - Flutter - 如何让方形小部件连续占用其最大可能空间?

我有CustomPaint一个 1:1 的正方形,我需要把它放在一个Row. 可用的水平和垂直空间可能会有所不同,因此我需要正方形的长度和宽度都是最小的最大约束。

我怎样才能实现这种行为?

我试过用LayoutBuilder这个:

但是,这不起作用,因为Row提供了无限的水平约束 ( maxWidth == double.infinity)。FittedBox由于同样的原因,使用小部件也会失败。

将 包装LayoutBuilder在一个Expanded小部件中为其提供了一个有界的最大宽度,但我需要在它旁边有另一个小部件Row,所以这是不合适的。在这种情况下的Flexible行为也一样。Expanded