Flutter 第一天：基础组件

学习笔记

Flutter 中万物皆 Widget，一切都是由 Widget 组成

Flutter 中的启动流程: 通过内置的 runApp() 函数启动，其中 runApp() 需要一个参数: MaterialApp

MaterialApp

包括三部分：

title (可选): 整个页面的标题

theme: 主题，需要提供一个 ThemeData

home: 页面中的具体内容，所有内容需要包裹在 Scaffold 中

Scaffold

三个重要属性：

appBar: 顶部区域，需要提供一个 AppBar

body: 中部区域，可以使用 Container

bottomNavigationBar: 底部区域，可以使用 Container，但是要限定高度，否则会挤掉中部区域

Center

水平垂直居中的容器，需要包含一个 child 属性

Container

一般作为最外层容器，需要包含一个 child 属性

代码记录

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      title: "demo",
      theme: ThemeData(scaffoldBackgroundColor: Colors.blue),
      home: Scaffold(
        appBar: AppBar(title: Center(child: Text("顶部"))),
        body: Center(child: Text("中部")),
        bottomNavigationBar: SizedBox(
          height: 80,
          child: Center(child: Text("底部")),
        ),
      ),
    ),
  );
}