Flutter UI

AppBar

SystemChrome

• Flutter: Where should I call SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark)

BottomNavigationBar

• convex_bottom_bar

容器

SizeBox
FittedBox

ClipRRect

• border radius not apply inside container widget - Stack Overflow
• How to draw container outside screen width in flutter? - Stack Overflow

Gradient

decoration: BoxDecoration(
	gradient: LinearGradient(
	begin: Alignment.topCenter,
	end: Alignment.bottomCenter,
	stops: [0.02, 0.45, 1],
	colors: [
		Color.fromRGBO(248, 120, 91, 1),
		Color.fromRGBO(251, 117, 86, 1),
		Color.fromRGBO(254, 193, 178, 1),
	],
	),
),

Button 按钮

ElevatedButton

ElevatedButton(
	minimumSize: Size(50, 36),
	onPressed: () => submit(context, order),
	child: Text('继续测试', style: TextStyle(fontSize: 10)),
	style: OutlinedButton.styleFrom(
		primary: primaryColor,
		minimumSize: Size(50, 36),
		shape: StadiumBorder(side: BorderSide(color: primaryColorHalf)),
		textStyle: TextStyle(fontSize: 14, fontWeight: FontWeight.w500),
	)
)

Theme 主题

• Use themes to share colors and font styles | Flutter
• TextTheme class - material library - Dart API

color

• The color system - Material Design

typography

• The type system - Material Design

Auxiliary 辅助功能

• How to keep application awake in flutter?

参考

• Create a rounded button / button with border-radius in Flutter