flutter

Flutter Theme

Posted by アライさん on 2019年10月22日

创建colors.dart，设定一些颜色： 

1
2
3
4
import 'package:flutter/material.dart';

const kShrineSurfaceWhite = const Color(0xFFFFFBFA);
const kShrineBackgroundWhite = Colors.white;

使用自定义的颜色主题： 

1
2
3
4
5
6
7
8
9
final ThemeData _kShrineTheme = _buildShrineTheme();

ThemeData _buildShrineTheme() {
  final ThemeData base = ThemeData.light();
  return base.copyWith(
    scaffoldBackgroundColor: kShrineBackgroundWhite,
    cardColor: kShrineBackgroundWhite,
  );
}
1
2
3
4
5
return MaterialApp(
  title: 'Shrine',
 home: HomePage(),
  theme: _kShrineTheme, // New code
);



Tags
flutter