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

Question

如何定义一小组自定义TextStyles，然后可以在整个应用程序中重复使用该自定义TextStyles。自定义TextStyles应该基于主题中定义的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), 
      ), 
     ), 
     ), 
     ], 
    ), 
); 
}