问题标签 [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 投票
4 回答
4156 浏览

flutter - 如何在TextField中垂直居中不同大小的hintText?

我有一个TextField这样的,输入文本和提示文本的大小不同。

虽然用户输入文本在我的父容器中居中,但hintText 不是(顶部空间比底部空间大)。有没有办法将提示文本垂直居中?

提示文本与输入文本大小不同的原因是它比绿色 Container 占用的空间更多,所以看起来像Enter a nu...,这对用户不是很友好。(或者,有没有办法在hintText中有换行符?)

提示文本更小,以便我可以将其全部放入小部件中

输入文本居中

0 投票
3 回答
55968 浏览

flutter - 如何在颤动中创建具有固定宽度和高度的颜色框?

我正在尝试创建一个具有固定宽度和高度的颜色框。如何做到这一点?

0 投票
5 回答
46605 浏览

flutter - 如何在颤动中为折叠元素设置动画

当用户用动画点击不同的小部件(兄弟或父)时,我如何展开和折叠小部件?

我希望用户能够点击 header.IngridientHeader 然后 Grid 小部件应该切换(如果可见则隐藏或其他方式)

编辑:

我试图做一些在引导程序中称为崩溃的事情。getbootstrap.com/docs/4.0/components/collapse

编辑 2: header.IngridientHeader 应该一直保持原位 Grid() 是可滚动的(水平)小部件。

0 投票
7 回答
89054 浏览

flutter - Flutter/Dart - 延迟后打开视图

我正在尝试找到在加载视图延迟后打开视图的解决方案。我有一个视图,其中有一个按钮,当我按下它时,该onPressed()方法会触发一个Navigator.of(Context).pushNamed("/loading"). 打开加载视图。在加载视图中,我有一个延迟 1.5 秒然后打开主视图的功能,这是代码:

但是,当延迟开始时,在 1.5 秒后,它会打开 Home 视图,但有以下例外:

顺便说一句,在主视图中没有任何黑色图标。(图标主题(颜色:颜色(0xff000000))有人可以帮忙吗?

0 投票
4 回答
25763 浏览

flutter - 保留选项卡视图页面之间的状态

问题

ListViewsTabBarView使用TabController.

我如何在每个之间保留状态(因为没有更好的词),ListView以便:1.)小部件不会重建和 2.)ListView在选项卡之间记住位置。

相关代码

说明 gif

https://media.giphy.com/media/2ysWhzqHVqL1xcBlBE/giphy.gif

0 投票
1 回答
5762 浏览

flutter - Flutter 中基于百分比的布局

来自 Android 背景,我习惯于ConstraintLayout为我的 UI 定义基于百分比的边距和大小。我想知道 Flutter 中是否有一个小部件可以实现类似的功能。我一直在查看小部件文档,但还没有找到任何东西。

0 投票
15 回答
116900 浏览

flutter - Flutter:滚动到 ListView 中的小部件

如何滚动到 中的特殊小部件ListView?例如ContainerListView如果我按下特定按钮,我想自动滚动到某个位置。

0 投票
1 回答
6840 浏览

flutter - 如何解决无限像素溢出的底部?

我正在尝试制作一个 Flutter 应用程序,它可以使用GestureDetector. 这是我的代码:

但是,当我运行该应用程序时,模拟器底部会出现一个错误,提示BOTTOM OVERFLOWED BY Infinity PIXELS. 该应用程序似乎正在运行,但底部的错误令人眼花缭乱。我该如何解决?

0 投票
7 回答
41773 浏览

flutter - 如何在 Flutter 中并排显示按钮?

我想水平显示我的两个按钮。到目前为止,我只能从上到下显示它们。

使用以下代码,我需要更改什么?

0 投票
14 回答
94741 浏览

flutter - 在 Flutter 中选择时更改 ListTile 的背景颜色

我已经ListView在 Flutter 中做了一个,但现在我有一些ListTiles可以ListView选择。选择后,我希望背景颜色更改为我选择的颜色。我不知道该怎么做。在文档中,他们提到 aListTile有一个 property style。但是,当我尝试添加它时(如下面代码中的倒数第三行),这个style属性在下面会出现一条弯曲的红线,编译器会告诉我The named parameter 'style' isn't defined.