问题标签 [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.
flutter - Row 内的 TextField 导致布局异常:无法计算大小
我遇到了一个我不知道如何修复的渲染异常。我正在尝试创建一个有 3 行的列。
行 [图片]
行 [文本字段]
行 [按钮]
这是我构建容器的代码:
和我的文本容器的 buildAppEntryRow 代码
当我运行时,出现以下异常:
如果我将 buildAppEntryRow 更改为 TextField 而不是这样
我不再得到例外。导致它无法计算该行大小的 Row 实现缺少什么?
flutter - 向 Row() 中的小部件添加具有特定宽度的间距的最有效方法是什么?
我使用 Expanded() 告诉我行中的小部件使用可用空间。我想在我的行中的元素之间有 4px 的空间。我不想对行之外的元素有相同的空间。鉴于 Flutter 不支持负 Padding,因此我无法以使第一项没有左 Padding 和最后一项没有右 Padding 的方式添加 Padding。
是否有模式可以轻松定义特定宽度的间距?我想要一个适用于任意数量的小部件的解决方案。对于 4 个小部件,我想要产生相当于:
flutter - 使用扩展/灵活在行中颤动多个项目
我想在 Row 中有更多(在本例中为 4)项目。我尝试使用 Expanded 或 Flexible 或 mainAxisAlignment: MainAxisAlignment.spaceEvenly 来填满屏幕的所有宽度。但是我想将项目设置为特定的宽度和高度 50 像素,并且项目周围的 GestureDetector 是屏幕的 1/4(4 个项目 = 全宽)。所以我在行中点击的任何地方都会选择一些东西。我的问题是,我的每个解决方案都会使项目(圆圈)变形,或者圆圈必须非常大,宽度 = 高度才不会变形。我还尝试将整个 _ratingEmoji 包装在 Expanded 中,并将 ratingItem.ratingIndicator 约束设置为最大宽度,但结果相同。
项目行:
物品:
}
RatingIndicator 是屏幕上的“圆圈”项目:
非常感谢。
更新:
项目应该保持在屏幕截图上,但是“整个”行应该是可点击的(意味着即使你在 2 个项目之间点击,应该选择更接近点击的一个)
flutter - Flutter 中的 statefulWidget 中的屏幕未更新
我statefulWidget
在 Flutter 中有这样的:
问题是,当我第一次使用这个小部件启动应用程序时,我可以hello
在屏幕上看到,但是如果我继续并更改hello
为hellos
in selectedWord
,那不会更新屏幕,hello
即使打开了热重载它仍然会显示我. 我必须去重新启动应用程序,以便它显示给我hellos
。我该如何解决这个问题?
flutter - 如果需要,将中间元素包装到新行?
我在多页表单的底部有一个导航栏,带有后退或前进按钮,以及当前页面的指示器。
现在,我将指示器放置在Row
另一个Row
包含按钮的上方,如下所示:
这行得通,即使在小尺寸显示器上也能正常工作。但是,如果有足够的空间,我宁愿将指示器与按钮放在同一行,如下所示(除了指示器未居中):
问题是,这对于某些设备来说可能太宽了,尤其是如果页面不止几页的话。在这种情况下,我希望页面指示器或按钮“换行”到新行,就像在当前设计中一样。
将所有内容放在 a 中很容易Wrap
,但这会使NEXT
-button 换行而不是页面指示器,因为这是最后一个元素。
如果需要,是否有一种简单的方法可以使中间元素换行到新行上?还是必须求助于手动计算尺寸并创建两种不同布局的黑魔法?
flutter - 连续的小部件没有均匀地间隔开
我正在尝试制作一个小部件以在社交媒体平台上显示用户的帖子,我想在帖子中包含某些元素,其中一个是他在创建帖子时可能附加的外部链接。我希望这些链接由圆形按钮表示(我已经通过使用ClipOval设法实现)并且我希望这些椭圆形排列成一排,与中心均匀间隔。
到目前为止,我能够将它们分开的唯一方法是添加一定宽度的SizedBox(s) 。但这对于不同的帖子效率不高,链接的数量可能不同,因此椭圆的数量也可能不同。这看起来会很乱。
我已经使用堆栈覆盖了帖子图像顶部的行(我已对其应用线性渐变以使按钮可见)。
这是我的代码
任何帮助,将不胜感激。
flutter - Flutter - 如何让方形小部件连续占用其最大可能空间?
我有CustomPaint
一个 1:1 的正方形,我需要把它放在一个Row
. 可用的水平和垂直空间可能会有所不同,因此我需要正方形的长度和宽度都是最小的最大约束。
我怎样才能实现这种行为?
我试过用LayoutBuilder
这个:
但是,这不起作用,因为Row
提供了无限的水平约束 ( maxWidth == double.infinity
)。FittedBox
由于同样的原因,使用小部件也会失败。
将 包装LayoutBuilder
在一个Expanded
小部件中为其提供了一个有界的最大宽度,但我需要在它旁边有另一个小部件Row
,所以这是不合适的。在这种情况下的Flexible
行为也一样。Expanded