Flutter UI 之 布局介绍

布局本身也是 widget

布局 Widget

1. 选择一个布局 Widget, 布局本身也是用 widget 来实现的，在布局的时候可以根据需要选择不同的 widget，比如水平布局 Row、垂直布局 Column，中心布局 Center 布局 widget 的特性会传递给他的子 widget

2. 创建一个可见的 widget，比如一个展示文本的 widget

   Text('Hello World')
   

3. 将可见 widget 添加到布局 widget 上，所有布局 widget 都有以下其中一个属性：
   • child 属性：该布局 widget 只包含一个子 widget，例如：Center 和 Container
   • children 属性：该布局 widget 可以包含多个子 widget，例如：Row、Column、ListView、Stack

     Center(
     child: Text('Hello World')
     )
     

4. 将布局 widget 添加到页面，一个 Flutter App 本身就是一个 widget，大多数 widget 都有一个 build() 方法