Flutter 入门与实战：设置 App 的主色调与字体

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  // 使用主题色和字体定义应用程序主题
  final ThemeData theme = ThemeData(
    primarySwatch: Colors.blue, // 设置主色调为蓝色
    visualDensity: VisualDensity.adaptivePlatformDensity,
  );
 
  // 设置应用程序字体
  final FontQuery boldFont = FontQuery(
    family: 'ProductSans',
    files: <FontWeight, String>{
      FontWeight.w700: 'product_sans_bold.ttf',
    },
  );
 
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: theme,
      home: HomePage(),
      // 在应用程序中使用自定义字体
      fonts: <FontDescription>[boldFont],
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo'),
      ),
      body: Center(
        child: Text(
          'Hello, World!',
          style: TextStyle(
            fontFamily: 'ProductSans',
            fontWeight: FontWeight.w700,
            fontSize: 24.0,
          ),
        ),
      ),
    );
  }
}

这个代码示例展示了如何在Flutter应用程序中设置主色调和自定义字体。首先，我们定义了一个ThemeData对象来设置主色调，并且指定了字体的路径。然后，在MaterialApp中使用了theme和fonts属性来应用这些设置。在HomePage部件中，我们使用了设置的字体样式来显示文本。