Flutter 居中布局

Flutter 居中布局(Center)，在Center布局中，子元素处于水平和垂直方向的中间位置。示例代码如下：

import 'package:flutter/material.dart';

void main() => runApp(
  MaterialApp(
    title: 'Center居中布局示例',
    home: LayoutDemo(),
  ),
);

class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Center居中布局示例'),
      ),
      // 居中组件，位于body的中心位置
      body: Center(
        // 添加文本
        child: Text(
          'Hello Flutter',
          style: TextStyle(
              fontSize: 36.0,
          ),
        ),
      ),
    );
  }
}

注意Center属性在通常情况下可直接添加子元素，不需要做额外属性设置。

上述示例代码的视图展现大致如图所示：

酷客教程相关文章：

• Flutter 容器布局
• Flutter 导航组件集
• Flutter 按钮组件
• Flutter 对话框组件