Flutter 入门与实战：设置 App 的主色调与字体，面试官6个灵魂拷问

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  // 设置应用的主题样式
  final ThemeData theme = ThemeData(
    primarySwatch: Colors.blue, // 设置主色调为蓝色
    visualDensity: VisualDensity.adaptivePlatformDensity,
  );
 
  // 设置应用默认字体样式
  final FontWeight defaultFontWeight = FontWeight.bold;
 
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: theme,
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('主色调和字体设置示例'),
      ),
      body: Center(
        child: Text(
          '欢迎使用 Flutter',
          style: Theme.of(context).textTheme.headline4?.copyWith(
                fontWeight: MyApp.defaultFontWeight,
              ),
        ),
      ),
    );
  }
}

这段代码首先定义了一个MyApp类，它继承自StatelessWidget。在MyApp类中，我们通过ThemeData设置了应用的主色调和视觉密度，并定义了一个静态的字体粗细常量。在build方法中，我们创建了一个MaterialApp并应用了自定义的主题和一个HomePage作为首页。HomePage组件中，我们使用Theme.of(context)来获取当前的主题设置，并应用到一个Text小部件上，同时结合我们在MyApp类中定义的字体粗细常量。这个例子展示了如何在Flutter应用中设置主色调和自定义字体样式。