Flutter完整开发实战详解( 深入布局原理)

在Flutter中，布局组件主要有Row, Column, Stack, IndexedStack, Flow, Wrap等。这些组件都继承自Flexible类，它们都是用来构建布局的。

以下是一个简单的Row和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>[
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text('Row1'),
                  Text('Row2'),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text('Column1'),
                  Text('Column2'),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个Column，它包含了两个Row。每个Row又包含了两个Text组件。mainAxisAlignment属性设置了主轴方向（水平或垂直）上的子组件对齐方式。