Scaffold 脚手架示例

main.dart

import 'package:flutter/material.dart';

void main() => runApp((MyApp()));

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ScaffoldExample(),
      title: "MaterialApp示例",
    );
  }
}

class ScaffoldExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(

//      头部元素
      appBar: AppBar(
        title: Text('Scaffold 脚手架示例'),
      ),
//      视图内容部分
      body: Center(
        child: Text('Scaffold'),
      ),
//      底部导航栏
      bottomNavigationBar: BottomAppBar(
        child: Container(
          height: 50.0,
        ),
      ),
//      FAB 按钮

      floatingActionButton: FloatingActionButton(
        onPressed: () {},
        tooltip: "添加",
        child: Icon(Icons.add),
      ),
//      FAB 按钮居中显示
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    );
  }
}