【自学Flutter】26 主题 Theme 的使用，请把这些学完再去面试

在Flutter中，主题（Theme）用于定义应用程序中widget的样式。通过创建一个主题，你可以指定字体、颜色和其他视觉属性，这些属性会应用到你的应用中所有符合条件的widget上。

以下是如何在你的Flutter应用中使用主题的基本步骤：

1. 创建一个ThemeData对象，它包含了你想要设置的主题样式。
2. 使用MaterialApp或CupertinoApp小部件将主题应用到你的应用中。

示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  // 创建一个ThemeData对象，定义你的主题样式
  final ThemeData theme = ThemeData(
    primaryColor: Colors.blue, // 主色
    accentColor: Colors.orange, // 次要色
    fontFamily: 'Arial', // 字体
  );
 
  @override
  Widget build(BuildContext context) {
    return MaterialApp( // 使用MaterialApp应用主题
      title: 'Flutter Theme Example',
      theme: theme,
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 使用主题中定义的样式
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Theme Example'),
      ),
      body: Center(
        child: Text(
          'Hello, World!',
          style: Theme.of(context).textTheme.headline4, // 获取主题中定义的文本样式
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个主题，指定了主色和次色，并将其应用到了整个应用中。同时，我们使用Theme.of(context)来获取当前的主题，并应用到具体的widget上。这样，你就可以在不同的widget中保持一致的视觉风格。