在Flutter中调整展开的或容器小部件中的列
在Flutter中，可以使用Expanded或Flex小部件来调整展开的或容器小部件中的列。
- Expanded小部件：Expanded小部件可以用于调整展开的小部件的大小。它将根据可用空间自动调整子小部件的大小。Expanded小部件通常用于将小部件填充到可用空间中的剩余空间。
优势：
- 使用Expanded小部件可以确保小部件在可用空间中均匀分布，并且不会超出可用空间。
- 它可以很好地适应不同大小和分辨率的屏幕。
应用场景：
- 当需要在列中放置多个小部件时，使用Expanded小部件可以保持它们的大小和位置的一致性。
- 当需要填充可用空间时，可以使用Expanded小部件来动态调整小部件的大小。
推荐的腾讯云相关产品：腾讯云服务器（https://cloud.tencent.com/product/cvm），腾讯云函数（https://cloud.tencent.com/product/scf）
- Flex小部件：Flex小部件可以以比例方式调整子小部件的大小。通过指定flex参数，可以为每个子小部件分配相对比例。
优势：
- 使用Flex小部件可以根据需要按比例调整子小部件的大小。
- 它可以在容器中创建灵活的布局。
应用场景：
- 当需要根据比例调整小部件的大小时，可以使用Flex小部件。
- 当需要创建具有灵活布局的容器时，可以使用Flex小部件。
推荐的腾讯云相关产品：腾讯云弹性伸缩（https://cloud.tencent.com/product/as）
通过使用Expanded或Flex小部件，可以轻松调整展开的或容器小部件中列的大小和布局，以实现更好的用户体验和界面设计。
相关·内容
我在我的profilePage中使用innerDrawer。我在scaffold中放置了一列，并在其中添加了小部件。其中一个小部件是SignedContracts，这个小部件有一个展开的小部件，里面有一列。我想要适合或填充这一列在扩展或容器小工具，如第二张图片。我尝试了很多方法，但没有找到任何解决方案。注意:第
浏览 20提问于2020-10-04得票数 0
回答已采纳
我在调试时得到了这个错误，尽管它没有产生任何问题。还是有人能分辨出这个警告所造成的问题。我的代码文件很大，我不能共享它，但是它给出了我的小部件树的地图。有人能告诉我错误在哪里吗？行←扩展←填充←DecoratedBox←填充←容器←扩展←列←填充←填充←
应用父数据时引发以下断言。：不正确地使用ParentDataWidget。ParentDataWidget展开(flex: 1)希望将类型为FlexParentData的</
浏览 1提问于2021-04-25得票数 1
回答已采纳
1回答
我想创建一个线性百分比指示器，我可以在文本小部件中显示它的百分比
我找到了一个类似的库，它的名称是percent_indicator，但它没有我想要实现的东西
有没有比这更像的包呢？
浏览 0提问于2020-10-20得票数 0
2回答
-------------------------------------------------------
Text位于center@左侧的Text中，在最右边是变量length*，是可变长度的。我尝试过使用spaceBetween，但它似乎不起作用，因为组件的宽度不同
浏览 2提问于2021-01-15得票数 0
回答已采纳
@_@Container( color: someColor, ),
Text('Hello
浏览 6提问于2021-03-24得票数 2
回答已采纳
我正在使用GridView在我的Flutter应用程序显示图像和他们的标题。请检查下面的代码。I/flutter ( 2743): seen.← SliverGrid ←
I/flutter ( 2743): MediaQuery ← SliverPadding ← ShrinkWra
浏览 1提问于2019-03-20得票数 24
回答已采纳
当我在安卓工作室运行我的应用程序时，我的屏幕呈现得很好。
但是，当我创建和安装apk或为ios创建一个临时构建时，我的屏幕呈现如下：当您看到文本字段和它下面的按钮时，它就不会出现。这是屏幕的代码： children: <Widget>[ mainAxisSize: MainAxisSize.max
浏览 5提问于2020-09-07得票数 0
回答已采纳
1回答
我试着用颤振构建一个小应用程序。我知道所有日志都是如何工作的--我很好地理解了逻辑概念(状态、上下文、路线)。但我真的很不擅长造型，这让我很沮丧。我觉得我不可能在不引起问题的情况下把文字放到图片上(通常是在google中找到的，永远不会单独做)。我不知道该怎么办。我对造型感到很难过。该怎么办呢？我用google 95%构建的代码示例(我对此不满意:( ) onTap: () => selectManufacturer,
borde
浏览 5提问于2022-05-13得票数 0
我正在Flutter中构建一个表单，我已经找到了一些解决方案来解决我正在寻找的东西，但它们感觉不太正确。 我想要做的是给表单字段一个边距，它可以扩展到其中，而不会改变包围小部件的边距所占用的空间。我想这么做的原因是，当显示验证器错误文本时，flutter表单字段的高度会发生变化。我目前找到的解决方案是使用一个具有指定高度的容器，当显示错误文本时，该高度将足以让Te
浏览 7提问于2021-07-26得票数 0
decoration: BoxDecoration( color: Colors.red ),我一直在容器类文档中寻找答案布局中的所有视图必须具有宽度、高度、x位置和y位置。(这适用于Android、IOS、颤音等)
在我的代码中，内部容器只有一个宽度和高度，因为它不知道从哪里开始绘制。因此，如果容器放置在对齐小部
浏览 4提问于2019-02-15得票数 59
回答已采纳
下面的容器在一个ListView中，即使我指定了一个，它也不会有一个高度。相反，它扩展到整个ListView的高度 ]) );}
如果小部件没
浏览 4提问于2021-03-13得票数 1
回答已采纳
1回答
为什么我的容器会缩小到他孩子的大小？顺便说一句，如果他是条状的，容器不会收缩 height: 100,
decoration: BoxDecoration
浏览 17提问于2019-05-28得票数 0
回答已采纳
1回答
我有一个布局，我想将小部件(容器)展开到右边，这是示例中的红色区域。在展开容器的左边有一个列，在topleft处有一个图像(在示例中是蓝色的)，在列的底部有一个按钮。它将是正方形的，并且不支持小于100x100。大型图像被调整为800x800。
我要做到这一
浏览 3提问于2020-05-23得票数 0
3回答
在列小部件中有两个高度为250的容器。这两个容器小部件之间没有任何其他小部件，但是我仍然可以看到两个容器之间的空间非常小。 @override return MaterialApp(
title: 'Flutter Demo: cont
浏览 0提问于2019-07-31得票数 5
2回答
我更新了颤振频道，在舱单上发布了互联网许可(我看到了有帮助的答案) @override
Widget build(BuildContext
浏览 1提问于2020-09-24得票数 0
回答已采纳
在我的布局中，我有一个可以无限滚动的FirebaseAnimatedList。
我只需在FirebaseAnimatedList之上添加一个小部件，以显示其他一些数据。I/颤振(25559)：视图在滚动方向展开以填充它们的container.In --在这种情况下，垂直I/颤振(25559)：视图端口被赋予无限的垂直空间来扩展。这种情况I/flutter (25559)
浏览 0提问于2018-08-18得票数 0
回答已采纳
1回答
如何防止RaisedButton展开以填充包含它的Expanded？我希望创建三个宽度与可用空间成比例的列，但我希望每个列中的子列都是其自然大小，而不消耗父Expanded的整个宽度。onPressed: () => player.gotoNextItem(), ), );
当我在一个RaisedButton中进一步嵌套它时，它也会
浏览 4提问于2019-10-26得票数 9
回答已采纳
3回答
当我阅读的容器布局行为时
如果小部件没有子部件、没有高度、没有宽度、没有约束，并且父部件提供了无限制的约束，那么容器就会尽可能地缩小大小。所以我编写了如下代码，我认为第二个容器应该尽可能小，但是它填充了应用程序的内容区域(整个屏幕)，为什么？
浏览 3提问于2018-10-26得票数 3
Model 我在flutter中构建一个屏幕，其中主要包含支付卡及其信息的列表，可以编辑。 当我们到达页面时，最初我们看到一个带有卡片名或某些属性的卡片列表。但是，当我们单击下拉按钮时，卡片展开并显示卡片信息，编辑按钮出现在标题中。单击编辑按钮后，我希望卡信息小部件更改为可编辑的字段，通过这些字段，我们可以使用子窗口中的保存按钮更新所单击的卡的信息。但是，我的问题是如何更改子对象(展开</e
浏览 30提问于2019-10-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
