问题标签 [flutter-column]

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 投票
11 回答
174181 浏览

flutter - 颤振:垂直中心柱

如何在 Flutter 中垂直居中列?我使用了小部件“新中心”。我使用了小部件“新中心”,但它没有垂直居中我的列?任何想法都会有所帮助....

0 投票
1 回答
31 浏览

flutter - 为什么我的 Flutter 代码中的行之间有这么大的空间?

嗨,我在颤振方面相对较新。我正在尝试为家务制作一张卡片,而卡片的这个特定部分给我带来了问题。我不知道,为什么每行之间有这么大的垂直空间(每行基本上有两个按钮)。我已经尝试了几件事来解决这个问题,但我现在放弃了,来这里寻求建议。谢谢!布局视图。

0 投票
1 回答
172 浏览

flutter - 在颤动中对齐 Row 小部件子项内的文本

我正在尝试使用and小部件动态生成legends图表。我面临的问题是对齐下一行​​中的文本。ColumnRow

您可以看到,由于文本较大AverageSub-Pair列中的下一项正在向右移动。不确定如何在特定行和列中对齐所有内容。 在此处输入图像描述

这是代码

0 投票
0 回答
17 浏览

android - 使用 SingleScrollBar 时,最后一个小部件无法正确呈现

我正在尝试Pie Chart使用库生成数据并使用和小部件fl_chart在屏幕上显示。当我垂直显示多个图表时,我需要一个滚动条,因此我使用了小部件。ColumnRowSingleChildScrollbar

现在我面临的问题是我的最后几件物品无法正常显示。我尝试了许多不同的东西,例如,Expanded但没有一个有效,或者我可能使用不正确。WrapFlexible

在下图中,您可以看到最后一个 lagend 不正确可见(标记为红色)。

在此处输入图像描述

这是我的代码,显示了main方法中的三个图表

PieChartWidget正在返回

生成图例

0 投票
2 回答
163 浏览

flutter - Flutter 以最小宽度对齐列中的特定小部件

我正在我的颤振应用程序上实现聊天,我希望我的聊天时间在列的右侧对齐(所有其他小部件都应该向左对齐)。

我的问题是,当我alignment.bottomRight在列中使用时,它会将列宽扩展到max(并且我想保留它min)。

问题:

在此处输入图像描述

我想要达到的目标:

在此处输入图像描述

我的专栏:

0 投票
4 回答
90 浏览

flutter - 如何在列内使用 gridview?

我有一个带有容器的列,该容器充当标题和下面的小部件的网格视图。我只希望 gridview 是可滚动的,并且标题不会移动并始终显示。

这是我的代码:

当它运行时,我得到一个 renderflex 溢出错误: 在此处输入图像描述

当我按照一些答案的建议将我的 gridview 包装在扩展的小部件中时,滚动超出了范围: 在此处输入图像描述

感谢帮助!

0 投票
0 回答
100 浏览

flutter - What does CrossAxisAlignment.baseline, in Column

I have a question, I want to know what is the functionality of CrossAxisAlignment.baseline when we use Column in Flutter , nothing happen when I used this attribute can any one help me to figure out what is job. And I have to use textBaseline: TextBaseline attribute to use CrossAxisAlignment.baseline

Here is a Sample code I used

0 投票
1 回答
103 浏览

flutter - 如果在另一列内的列中使用 Spacer,则颤动无界高度错误

我被卡住了......这是我的代码分解:

这会因错误而崩溃:

RenderFlex 子项具有非零弹性,但传入的高度约束是无界的。

当列位于不提供有限高度约束的父级时,例如,如果它位于垂直可滚动中,它将尝试沿垂直轴收缩包裹其子级。在一个子节点上设置一个 flex(例如使用 Expanded)表示该子节点将展开以填充垂直方向上的剩余空间。这两个指令是互斥的。如果父级要收缩包裹其子级,则子级不能同时扩展以适应其父级。

但为什么?为什么这会崩溃?Parent-Column是在sScaffold里面body

我在这里想念什么?

如果您需要更多信息,请告诉我!

0 投票
3 回答
120 浏览

flutter - 扑。列 mainAxisAlignment spaceBetween 不工作

我需要将小部件放置在顶部和底部,如图所示。

在此处输入图像描述

为此,我使用以下结构:

但这不起作用,我的小部件严格位于另一个之下。另见图片:在此处输入图像描述

我试图用 Expanded 小部件包装外部 Column,但随后出现此错误:

RenderFlex 子项具有非零 flex,但传入的宽度约束是无界的。

当一行位于不提供有限宽度约束的父行中时,例如,如果它在水平可滚动中,它将尝试沿水平轴收缩其子代。在子节点上设置 flex(例如使用 Expanded)表示子节点将展开以填充水平方向上的剩余空间。这两个指令是互斥的。如果父级要收缩包裹其子级,则子级不能同时扩展以适应其父级。

考虑将 mainAxisSize 设置为 MainAxisSize.min 并为灵活的子项使用 FlexFit.loose(使用 Flexible 而不是 Expanded)。这将允许灵活的子级将自己的大小调整到小于他们将被迫占用的无限剩余空间,然后将导致 RenderFlex 收缩包裹子级,而不是扩展以适应父级提供的最大约束。

我还尝试为 Column 添加 mainAxisSize: MainAxisSize.max 但它没有帮助。

PS我的外列在行内,也许这是问题所在?

我的完整结构:

我试图获得的最终屏幕如下所示: 在此处输入图像描述

请帮我

0 投票
1 回答
142 浏览

flutter - 扑。列 mainAxisAlignment spaceBetween 在 Row 内不起作用

我正在尝试制作这样的屏幕:

在此处输入图像描述

为此,我将 ListView 与自定义项目一起使用。这是我的项目代码:

我需要将标题和描述对齐到顶部,并在底部自定义底部。为此,我在 Column 内使用 Spacer() 并用 Expanded 小部件包装了我的 Column。但是当我用 Expanded 包装我的小部件时,我得到如下错误:

RenderFlex 子项具有非零弹性,但传入的高度约束是无界的。

当列位于不提供有限高度约束的父级时,例如,如果它位于垂直可滚动中,它将尝试沿垂直轴收缩包裹其子级。在一个子节点上设置一个 flex(例如使用 Expanded)表示该子节点将展开以填充垂直方向上的剩余空间。这两个指令是互斥的。如果父级要收缩包裹其子级,则子级不能同时扩展以适应其父级。

考虑将 mainAxisSize 设置为 MainAxisSize.min 并为灵活的子项使用 FlexFit.loose(使用 Flexible 而不是 Expanded)。这将允许灵活的子级将自己的大小调整为小于他们将被迫占用的无限剩余空间,然后将导致 RenderFlex 收缩包裹子级,而不是扩展以适应父级提供的最大约束。

当我删除 Expanded() 和 Spacer() 时,错误号。但我得到错误的看法。看图片: 在此处输入图像描述

请帮助我做错了什么(