flutter/flutter-theming-apps

flutter-theming-apps 是做什么的？

使用 Flutter 主题系统自定义应用的视觉外观。在定义全局样式、颜色或排版时使用。

概述

此技能帮助开发者通过 Flutter 的主题机制（ThemeData）统一管理应用的样式。通过集中定义颜色、字体、形状等属性，可以确保整个应用的设计一致性，同时简化主题切换（如亮色/暗色模式）的实现。

使用场景

• 设定全局主色调、次要色调和表面颜色。
• 定义统一的文本排版风格（标题、正文、按钮文字等）。
• 自定义组件默认样式（如按钮、输入框、卡片）。
• 支持亮色和暗色主题的无缝切换。

平台支持

适用于 Flutter 支持的所有平台：

• iOS
• Android
• Web
• macOS
• Windows
• Linux

工作原理

在应用的 MaterialApp 中配置 theme 和 darkTheme 属性，传入 ThemeData 对象。示例：

MaterialApp(
  theme: ThemeData(
    primarySwatch: Colors.blue,
    fontFamily: 'Roboto',
    textTheme: TextTheme(
      headline1: TextStyle(fontSize: 32, fontWeight: FontWeight.bold),
      bodyText1: TextStyle(fontSize: 16),
    ),
  ),
  darkTheme: ThemeData.dark().copyWith(
    primaryColor: Colors.indigo,
  ),
  home: MyHomePage(),
);

更多详情请参考 Flutter 主题文档。