问题标签 [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 回答
14509 浏览

dart - Flutter 中的可折叠列表小部件有哪些选项?

我需要在我的项目中按他们的主题折叠一些列表,并且想知道我是否需要从零开始实现它,或者更确切地说使用来自颤振的组件。这个组件存在吗?

提前致谢 :)

0 投票
12 回答
102271 浏览

flutter - Flutter - 垂直分频器和水平分频器

在 Flutter 中,是否可以选择在组件之间绘制垂直线,如图中所示。

在此处输入图像描述

0 投票
4 回答
44543 浏览

flutter - Flutter - 容器上的叠加卡片小部件

在颤振中,是否可以将卡片的一部分放在另一个容器上?在 CSS 中,我们会将 margin-top 设置为负值或使用 translate 属性。由于我们无法为 margin-top 设置负值,因此颤抖中,是否有替代方法?

在此处输入图像描述

0 投票
8 回答
44061 浏览

flutter - 如何在 Flutter 中更改状态栏和应用栏颜色?

我正在尝试将系统状态栏的颜色更改为黑色。该配置似乎被 AppBar 类覆盖。我可以通过分配主题来实现我想要的:ThemeData.dark()在创建 Material App 时,然后指定一个appBar attribute. 但我不想要一个 AppBar,而且,这样做会改变所有的字体颜色。

一个可能的解决方案是将 ThemeData.bright() 继承到一个新类中,然后添加一些只改变系统状态栏的东西

然后我需要指定 AppBar 并以某种方式使其不可见?

文档

主要.dart

layout_widgets.dart

0 投票
2 回答
6980 浏览

flutter - 自定义颤振小部件形状

我正在尝试在 Flutter 中构建以下布局。

我希望实现两件事:

  • 渲染一个绘制对角边的背景(我猜是通过 BoxDecoration)
  • 让粉红色的容器沿对角线夹住孩子——即如果文本对于一行来说太大,它应该换行。

有任何想法吗?

对角线布局形状

0 投票
5 回答
36498 浏览

dart - 未找到方向性小部件

我正在尝试创建一个简单的布局,flutter但不断收到此错误:

在构建 Text("Deliver features faster", textAlign: center): No Directionality widget found 时抛出了以下断言。

我认为问题可能出在 TextDirection 类属性中,但我一直找不到。

这是我的代码:

这是错误的完整堆栈跟踪:

0 投票
8 回答
59577 浏览

flutter - Flutter:如何使按钮扩展到其父级的大小?

我正在尝试创建方形按钮,但 Expanded 似乎与容器的工作方式不同。以下面的代码为例

它显示两个水平扩展但不垂直扩展的按钮。同时,容器将水平和垂直扩展。如果我执行以下操作,也会出现相同的效果:

我将行更改为列的位置。按钮将垂直扩展,但不会水平扩展,而容器将同时进行。

有没有办法让我的按钮在垂直和水平方向上展开以适应它们的父级?

0 投票
1 回答
311 浏览

flutter - 当其他选项卡中使用文本字段时,选项卡导航选择恢复为第一个

我有一个底部标签栏,每个标签都与一个屏幕相关联(基本上是一个脚手架)。包含 TextField 的选项卡有一个 ListView。当我在该选项卡中并单击 TextInputField。本机键盘弹出,当我完成后,键盘消失了,留下相同的选项卡视图,但选项卡的选择现在更改为第一个选项卡。

我认为我们需要复制上述内容: • 选项卡导航 • 在第一个选项卡之外的选项卡中有一个输入字段。

在此处输入图像描述

很高兴提供任何进一步的细节。谢谢你。

0 投票
1 回答
1719 浏览

dart - 像whatsapp Flutter一样编辑列表

如何在flutter中实现一个可以像whatsapp一样编辑的列表,我一直在寻找类似的控件,但只能找到ListView,基本上想法是在listview项目中删除或采取任何操作

在此处输入图像描述

0 投票
21 回答
206715 浏览

flutter - 如何在 Flutter 中创建圆形图标按钮?

如何创建类似于 a 的东西FloatingActionButton