如何在 flutter 中使用行和列小部件？

如果您正在使用 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

列

列是一个垂直布局小部件，它将其子小部件从上到下排列在一列中。