Flutter 中的 Theme 使用：全面指南

Flutter 中的 Theme 使用：全面指南

在 Flutter 中，Theme 是一种强大的机制，用于定义和应用全局或局部的设计风格，包括颜色、字体、形状等。使用 Theme 可以确保你的应用在不同设备和屏幕尺寸上保持一致的外观和感觉。

基础用法

Theme 最基本的用法是定义一组样式，并将其应用于整个应用：

MaterialApp(
  title: 'Theme Demo',
  theme: ThemeData(
    primarySwatch: Colors.blue,
    visualDensity: VisualDensity.adaptivePlatformDensity,
  ),
  home: MyHomePage(),
)

在这个例子中，我们为整个应用设置了一个蓝色主题。

自定义主题数据

ThemeData 提供了丰富的属性，允许你定制主题的各个方面：

颜色

• primaryColor: 应用的主要颜色。
• accentColor: 用于输入框、开关等控件的颜色。

ThemeData(
  primaryColor: Colors.blue,
  accentColor: Colors.amber,
)

字体

• textTheme: 定义应用中的字体样式。
• primaryTextTheme: 主要文本样式，如标题、副标题等。

ThemeData(
  textTheme: TextTheme(
    headline1