flutter - 颤振 | 如何将 ThemeData 中的 fontFamily 应用到 AppBar 和 FAB

Question

我想不出将 ThemeData 中的 fontFamily 应用到 appBar 和 FAB 的方法。

鉴于我不想将它单独应用于小部件，如何实现这一点？

这是 ThemeData 初始化

    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        textTheme: Theme.of(context).textTheme.apply(
            fontFamily: 'MaShanZheng',
        ),
      ),

这是结果

标签： flutter

Answer 1

这就是您为AppBar.

MaterialApp(
          title: 'Flutter Demo',
          theme: ThemeData(
              textTheme: TextTheme(title: ,button: ),
              appBarTheme: AppBarTheme(
                  textTheme: TextTheme(
                      title: TextStyle(
                          fontFamily://your font family
                          fontWeight: FontWeight.bold,
                          fontStyle: FontStyle.italic)))),
          home:Home(),
        );

对于FAB，由widget中参数的 参数textTheme决定。buttonaccentTextThemeThemeData

IE。

return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        accentTextTheme:TextTheme(button:TextStyle(fontSize:63),),
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );