我正试图使一个页面,有8个小部件在2列,每列涉及2个小部件的图像和每一个图像下,一个bottun。我在一列中使用了文本按钮和图像。但是它溢出了。你能帮我吗?我使用列,图像和文本按钮,但它总是溢出。
lhcgjxsq1#
你有两个选择:1.改变你的小部件,使总高度不超过屏幕高度。1.实现滚动。如果您决定使其可滚动,最简单的方法就是将列 Package 在SingleChildScrollView中。您需要确保列的mainAxisSize设置为MainAxisSize.min,并且需要确保列中没有任何内容具有无限高度。
SingleChildScrollView
mainAxisSize
MainAxisSize.min
eqzww0vc2#
你的问题结构非常糟糕,而且你没有提供任何相关的代码,所以我猜你对Stack Overflow和Flutter相对较新。在flutter中,如果你不想让列或行中的内容溢出,你需要让这些内容可以滚动。你可以通过将行或列 Package 在一个可滚动的小部件中来做到这一点,比如像这样的SingleChildScrollView。
SingleChildScrollView( child: Row( children: [], ), )
如果你使用VS Code,你可以很容易地做到这一点,右键单击单词Row或Column,单击“重构”,然后单击Wrap with Center。然后简单地将单词Center改为SingleChildScrollView但是要小心,不要将一个子滚动视图放在另一个子滚动视图中。它不会很好地渲染,并会导致错误。
Row
Column
Wrap with Center
Center
2条答案
按热度按时间lhcgjxsq1#
你有两个选择:
1.改变你的小部件,使总高度不超过屏幕高度。
1.实现滚动。
如果您决定使其可滚动,最简单的方法就是将列 Package 在
SingleChildScrollView
中。您需要确保列的mainAxisSize
设置为MainAxisSize.min
,并且需要确保列中没有任何内容具有无限高度。eqzww0vc2#
你的问题结构非常糟糕,而且你没有提供任何相关的代码,所以我猜你对Stack Overflow和Flutter相对较新。
在flutter中,如果你不想让列或行中的内容溢出,你需要让这些内容可以滚动。你可以通过将行或列 Package 在一个可滚动的小部件中来做到这一点,比如像这样的SingleChildScrollView。
如果你使用VS Code,你可以很容易地做到这一点,右键单击单词
Row
或Column
,单击“重构”,然后单击Wrap with Center
。然后简单地将单词Center
改为SingleChildScrollView
但是要小心,不要将一个子滚动视图放在另一个子滚动视图中。它不会很好地渲染,并会导致错误。