Flutter：如何更改Appbar文本的字体？

Question

这是我当前的main.dart代码。我尝试将标题为“主题：ThemeData（fontFamily：'Bebas Neue Regular'）”放在文本（'SMARTID'）下，因为我想更改为SMARTID的Appbar文本，但似乎不起作用。< / p>

select * from table where var1 is not null or var2 is not null

Answer 1

这样做，

appBar: AppBar(
            elevation: 0,
            backgroundColor: Color(0xff05B068),
            title: Text('SMARTID',style: TextStyle(fontFamily: 'YOUR_FONT_FAMILY')),
            centerTitle: true,
          ),

编辑：别忘了创建类似于此图像的字体文件夹，

然后打开您的pubspec.yaml并声明这样的字体，

不要忘记获取软件包

Answer 2

appBar没有任何主题属性。因此，您可以通过将样式应用于标题（如

）来在应用栏中添加字体

appBar: AppBar(
        elevation: 0,
        backgroundColor: Color(0xff05B068),
        title: Text('SMARTID', style: TextStyle(fontFamily: "Tomorrow"),),
        centerTitle: true,
      ),

您可以从Google Fonts下载字体，

将自定义字体放入根项目>字体包

同时，在pubspec.yaml文件中添加字体详细信息，例如

fonts:
    - family: Tomorrow
      fonts:

具有样式的不同自定义字体的路径

        - asset: fonts/Tomorrow-Regular.ttf
          style: normal
        - asset: fonts/Tomorrow-Medium.ttf
        - asset: fonts/Tomorrow-Black.ttf
        - asset: fonts/Tomorrow-Italic.ttf
          style: italic
        - asset: fonts/Tomorrow-Bold.ttf
          weight: 700
        - asset: fonts/Tomorrow-Light.ttf

您已设置好。

Answer 3

您可以通过传递使用字体系列，大小等创建的TextStyle来更改Text的文本样式。

类似这样的东西

  

Text（'SMARTID'，style：TextStyle（fontFamily：'open_sans'））

Answer 4

此外，如果您想在我们的整个应用程序中应用，您也可以直接在您的 ThemeData 中声明 textStyle。像这样：

final ThemeData themeData = ThemeData(
  ...
  appBarTheme: AppBarTheme(
    titleTextStyle: TextStyle(
      fontWeight: FontWeight.bold,
    ),
  ),
  ...
);