问题标签 [flutter-container]

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 回答
269 浏览

flutter - 容器大小取决于他的内容(文本)

我希望我的容器根据其内容(在本例中为文本)具有不同的大小,如果一个用户编写较长的文本,则容器会更大,如果另一个用户编写较短的文本,则容器会更小。

可能吗?如果没有,还有其他方法吗?

谢谢

这就是我想要实现的(这是三星笔记应用程序的截图)

0 投票
2 回答
864 浏览

flutter - 在 Flutter 中当 bool 值为 true 和 false 时显示不同的小部件

问题:在实现 REST API 时,我遇到了一些小部件的条件显示。所以 API 响应返回一个 bool 值。现在,如果 bool 值为 false,那么我想在 UI 中显示一个 TextField 小部件,否则只是一个文本小部件。现在我很困惑我应该如何实现它。

以下是 API 的功能 我们将发送一个帖子请求,并在其正文中发送一封电子邮件。API 将检查 API 是否存在于他们的数据库中,作为回报,他们将发送 true false 和响应。

我将附上我的代码片段。

API 管理器

UI文件中使用的函数

界面部分:

注意:API 的实现非常好,我可以验证电子邮件是否存在。我收到的响应正文是真假。

提前致谢。

0 投票
1 回答
70 浏览

flutter - 在 Flutter 中让 Row 子节点尽可能宽(父节点的剩余宽度)?

我有一个小部件,我想在从 REST API 下载一些数据时显示它。FutureBuilderFuture尚未完成时,它将由 a 使用。

它应该显示一个灰色方块和一条灰色线。

类似于 Facebook 所做的事情:

在此处输入图像描述

我用 aRow和两个Containers 实现了它。但是,我希望这条线向右水平扩展,并在Row. 那就是碰壁的地方。我怎样才能做到这一点?

这是我的代码:

0 投票
1 回答
45 浏览

flutter - 在 Fluttter 中,如何为 Card 中的子元素动态分配 hight?

我是 Flutter 的新手,我正在尝试创建一个响应不同屏幕尺寸的布局。我花了很多时间阅读 Flutter 文档,但我无法弄清楚这一点。

以下代码适用于较大的手机屏幕尺寸,但卡片显示“引发了另一个异常:A RenderFlex 在底部溢出了 13 个像素。” 对于较小的屏幕尺寸。我正在调整高度。

如何修改高度以便在确定此值时考虑卡片大小?

}

0 投票
0 回答
30 浏览

flutter - 在简单布局中添加 GridView 小部件会使 Flutter 应用程序崩溃

我有以下颤振代码,

在上面的代码中,只要我添加了我用箭头指向的那行代码,我的应用程序就会崩溃,我不知道为什么。如果我删除那行代码一切正常。(我在物理设备上以调试模式运行该应用程序。)

在我拿到的手机屏幕上,

“应用程序发生意外错误。错误报告已准备好发送给支持团队。请单击接受以发送错误报告或单击取消以关闭报告”

如果有人可以向我指出为什么添加该行会使应用程序崩溃以及如何找到解决崩溃的方法,那将非常有帮助。

谢谢你。

0 投票
1 回答
64 浏览

flutter - Flutter Calculator App UI 在大多数设备中溢出

我正在开发一个计算器 UI。我编写的代码渲染得非常好,但调试该代码后我遇到的主要问题是计算器 UI 在大多数具有低屏幕分辨率的设备(如 moto g4、galaxy s5、iphone 5 等)中不可见. 我在我的代码中使用了 MediaQuerySafeArea小部件,但仍然无法修复它。这是我在moto g4中渲染的UI图片。这是我的计算器 UI 的代码,

0 投票
0 回答
94 浏览

flutter - 由于 Flutter 中的 Listview.builder 小部件需要高度,因此我给包装小部件的容器提供的一些固定高度会导致溢出

代码

问题

在上面的代码中,正如我使用箭头所指出的那样,我将一个ListView小部件包装在 a 中Container并为其分配一个固定的高度,Container因为ListView小部件默认具有无限的高度。
这种方法的问题是,由于我提供给容器的高度是固定高度,因此布局在视口高度较小的设备上会中断,而在视口高度较大的设备上则可以正常工作。
所以我想弄清楚的是,如何Container在不破坏布局的情况下设置适用于所有设备的高度?(我试图在不使应用程序在较小设备上中断的情况下尽可能地使该高度最大化。)

(在研究这个时,我遇到了这个堆栈溢出链接,根据那个链接,我尝试ListView用一​​个小部件包装小Flexible部件并将小部件的shrinkWrap属性设置ListViewtrue。这不起作用,它导致我ListView的小部件和另一个小部件在它们之间获得尽可能多的空间并将我的ListView小部件推到屏幕底部。)

0 投票
2 回答
121 浏览

flutter - 如何停止在颤动中选择多个容器?

嗨,伙计们,我是新来的,并试图使用列表生成器设计一个水平时间选择器,但我无法只选择一个容器,它允许我选择多个容器,但我只想选择一个,下面我附上了代码,请帮助只选择一个容器。我只想选择一个时间容器来选择时间范围并在下面打印。提前致谢。 截图我的用户界面

0 投票
1 回答
65 浏览

flutter - 为容器提供固定的宽度和高度与通过 BoxConstraints 类提供约束

Container颤振的小部件中,

height给它一个固定的和为财产width 提供它有什么区别?BoxConstraintsconstraints.

它是提供宽度+高度还是约束?可以同时提供吗?有什么不同?

我还查看了官方文档,其中提到了Container小部件,并且在名为布局行为的标题下,他们提到了当宽度和高度以及约束的不同组合时会发生什么?(但我不明白它们有何不同)

0 投票
0 回答
77 浏览

flutter - 带有 Column 的 DraggableScrollableSheet 不会拖到顶部

我正在尝试创建一个可拖动的底部工作表,该工作表将具有设置的页眉和页脚。在这些之间,正文/内容会有所不同。可能有一个空状态或可能有一个数据列表。用户也应该能够将此工作表扩展到屏幕顶部。

这是一个基本示例,我可以在其中查看所有数据,但无法将其拖动到最大大小。我只能在页眉和页脚之间的 ListView 内滚动。

如何更新它,以便我仍然可以拖动工作表以捕捉到顶部、返回到中间或关闭?

代码示例: