如果您正在使用 Dart 构建 Flutter 应用程序,您可能需要使用行和列来组织您的 UI 元素。行和列是 Flutter 中两个最重要的布局小部件,它们允许您创建灵活且响应迅速的 UI 设计。在这篇博文中,我们将了解如何在 Dart 中使用行和列。
行数
一行是一个水平布局小部件,它将其子小部件从左到右排列成一行。要在你的 Flutter 应用中使用一行,你可以使用Rowwidget。这是一个例子:
Row (
children : [
Text ( 'Hello' ),
Text ( 'World' ),
],
)
在上面的示例中,我们正在创建包含两个文本小部件的行。行小部件的 children 属性是将排成一行的子小部件列表。
默认情况下,Row小部件将尝试根据其子项调整自身大小。如果你想给Row小部件一个特定的大小,你可以将它包裹在一个SizedBox小部件中。例如:
SizedBox (
height : 50 ,
child : Row (
children : [
Text ( 'Hello' ),
Text ( 'World' ),
],
),
)
在此示例中,我们将小部件包装在高度为 100 的小部件Row中。这将为该行提供 50 像素的固定高度。SizedBox
列
列是一个垂直布局小部件,它将其子小部件从上到下排列在一列中。