Flutter 布局真经

在Flutter中，Column是一个很常用的布局组件，它在垂直方向上排列其子widget。以下是一个简单的Column使用示例：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text('第一行文本'),
              Text('第二行文本'),
              Text('第三行文本'),
            ],
          ),
        ),
      ),
    );
  }
}

这段代码创建了一个简单的Flutter应用，其中包含一个Column，它居中显示在屏幕上，并包含三个Text子widget，分别显示"第一行文本"、"第二行文本"和"第三行文本"。mainAxisAlignment: MainAxisAlignment.center属性确保Column在垂直方向上居中对齐其子widget。