Flutter 主题颜色

参考

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    debugShowCheckedModeBanner: false,//右上角的debug字样不显示
    home: MyHome(),//调用方法去显示home
    // Set the theme's primary color, accent color,
    theme: ThemeData(//设置风格
      primarySwatch: Colors.green,//状态栏颜色
      accentColor: Colors.lightGreenAccent,//字体背景颜色
      // Set background color
      backgroundColor: Colors.black12,
    ),
  ));
}

class MyHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // AppBar
      appBar: AppBar(
        // AppBar Title
        title: Text("Using Theme"),
      ),
      body: Container(//这里是除了状态栏之后的全部界面
        // Another way to set the background color
        decoration: BoxDecoration(color: Colors.yellow),//设置界面颜色
        child: Center(//body中间放一个控件
          child: Container(//把这个控件看作是一个容器
            // use the theme accent color as background color for this widget
            color: Theme.of(context).accentColor,//通过context获取当前主题颜色
            child: Text(//设置字体
              'Hello World!',
              // Set text style as per theme
              // style: Theme.of(context).textTheme.title,
            ),
          ),
        ),
      ),

      floatingActionButton: Theme(//floatingActionButton悬浮的按钮
        // override the accent color of theme for this widget only
        data: Theme.of(context).copyWith(
          colorScheme:
          Theme.of(context).colorScheme.copyWith(secondary: Colors.pinkAccent),
        ),
        child: FloatingActionButton(
          onPressed: null,
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}