【笔记】Flutter的MaterialApp材料组件

发表于 更新于 分类于 阅读次数：

前言

Flutter的MaterialApp材料组件学习笔记

MaterialApp材料组件

title：指定标题
debugShowCheckedModeBanner：是否显示右上角Debug标签
home：主体，可以引入其他组件

1
2
3
4
5
6
7
8
9
import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(
    title: "文本内容",
    debugShowCheckedModeBanner: false,
    home: ,
  ));
}

配置主题

primarySwatch：主题主要颜色
appBarTheme：头部栏主题

centerTitle：指定是否居中标题，没有配置时，Android默认居左，IOS默认居中

1
2
3
4
5
6
7
8
9
10
11
12
import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(
    Theme: ThemeData(
      primarySwatch: Colors.blue,
      appBarTheme: const AppBarTheme(
        centerTitle: true
      ),
    ),
  ));
}

完成

参考文献

哔哩哔哩——筱筱知晓