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

flutter - 如何将 BottomNavigationBar 与 Navigator 一起使用?

Flutter Gallery示例BottomNavigationBarStack.FadeTransitionsScaffold

我觉得如果我们可以使用Navigator.

有这方面的例子吗?

0 投票
21 回答
127994 浏览

flutter - InkWell 没有显示涟漪效应

点击容器会触发onTap()处理程序,但不会显示任何墨水飞溅效果。

我也尝试将其放入InkWell内部,Container但徒劳无功。

0 投票
9 回答
39707 浏览

flutter - Flutter - 隐藏 FloatingActionButton

Flutter中是否有任何内置方法可以在向下滚动时隐藏a ,然后FloatingActionButtonListView向上滚动时显示它?

0 投票
17 回答
176058 浏览

flutter - 如何将 ListView 添加到 Flutter 中的列?

我正在尝试为我的 Flutter 应用程序构建一个简单的登录页面。我已经成功构建了 TextFields 和登录/登录按钮。我想添加一个水平 ListView。当我运行代码时,我的元素消失了,如果我在没有 ListView 的情况下执行它,它又可以了。我怎样才能正确地做到这一点?

0 投票
4 回答
105287 浏览

flutter - Flutter BoxDecoration 的背景色覆盖了 Container 的背景色,为什么?

我有一个 Flutter Container 小部件,并为它定义了一种颜色(粉红色),但由于某种原因,BoxDecoration 中的颜色覆盖了它(绿色)。为什么?

0 投票
10 回答
109457 浏览

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

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

行 [图片]

行 [文本字段]

行 [按钮]

这是我构建容器的代码:

和我的文本容器的 buildAppEntryRow 代码

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

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

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

0 投票
2 回答
4097 浏览

flutter - 根据另一个小部件的位置/大小定位/调整小部件的大小

我在 Flutter 中遇到过几次已经相当大的墙了。动画或构建小部件,这取决于其他小部件来获取它们的大小/位置。

一些可能是我最糟糕的噩梦的例子:动态地将小部件彼此相邻。在 css 中我们有这个:

  • 父母采用全宽(不重要)。
  • 父母取最大孩子的身高。
  • 身高较小的孩子适合父母
  • 孩子们彼此相邻

在颤振中,我认为我们不能一次获得所有 4 分。

现在,如果我们有 2 个这个列表和一个动画,其中一个元素从一个列表转到另一个列表怎么办?例子

在此处输入图像描述 在此处输入图像描述

另一个例子。如果我们想要一个SlideTransition与另一个没有共同点的小部件垂直对齐的完成怎么办?像这样 :

在此处输入图像描述

这些都是完全随机的例子。我不需要复制同样的东西。这里真正的问题是:是否有一种通用的方法来做类似的事情(获取屏幕尺寸/位置)?一些不是特定于这个用例的东西,以后很容易维护?

0 投票
9 回答
40772 浏览

flutter - 如何检查滚动位置是在 ListView 的顶部还是底部?

我正在尝试实现无限滚动功能。

我尝试ListView在 a 上使用 insideNotificationListener来检测滚动事件,但我看不到表明滚动是否到达视图底部的事件。

实现这一目标的最佳方法是什么?

0 投票
1 回答
14484 浏览

flutter - Flutter RenderIndexedStack 对象在布局期间被赋予无限大小

我正在与此DropDownItem框错误作斗争,一切似乎都可以正常工作,但是在加载时会弹出黄色超出范围。尝试了几件事,但无法解决。我有这个代码用于我的Widget.

然后我将其用作功能之一。

}

它似乎在另一个页面上工作,我不使用函数来填充小部件,只是一个常规的小部件 var,但似乎它应该与结构相同。

有什么我想念的想法吗?这是一个DropDownButton,但它发生在具有DropDownButton另一个功能的结果页面上。

编辑********** 这是工作代码

0 投票
4 回答
22959 浏览

flutter - Flutter 布局:如何在 Flutter 中将 Row 放入 Flex(或另一个 Row)中?还使用堆栈小部件

我需要将 2 个组合小部件合二为一Row

组合的小部件被命名为“boxText”。我需要它两次,每次都在一个带有两个TextsTextFormField类似的 Border 内:

我的代码(和眼泪):重要提示:只有在TextFormField添加时才会发生异常。

如果可能的话,如何在没有以下情况下使这些小部件工作: