Flutter:定义自定义 TextStyles 以在整个应用程序中使用

Question

如何定义一小组自定义 TextStyle，然后可以在整个应用程序中重复使用。自定义 TextStyles 应基于 Theme 中定义的 TextStyles。

我知道如何创建单独的 TextStyles(例如)

Theme.of(context).textTheme.title.copyWith(fontWeight: FontWeight.bold,)

Answer 1

你可以创建一个类来提供获取字体样式的方法。

这是一个声明一个 CustomTextStyle 类的示例，该类公开了一个用于非常大的文本的 display5 方法。

import 'package:flutter/material.dart';

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new HomePage(),
    );
  }
}

class CustomTextStyle {
  static TextStyle display5(BuildContext context) {
    return Theme.of(context).textTheme.display4.copyWith(fontSize: 192.0);
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => new Scaffold(
    appBar: new AppBar(
      title: new Text('Custom Font Example'),
    ),
    body: new Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: [
        new Card(
          child: new Container(
            child: new Text(
              'Wow',
              style: CustomTextStyle.display5(context),
            ),
          ),
        ),
      ],
    ),
  );
}