Flutter 颤振:如何更改AppBar标题字体?

Flutter 颤振:如何更改AppBar标题字体?,flutter,dart,text,appbar,Flutter,Dart,Text,Appbar,这是我的第一个颤振应用程序。。。只是学习和混日子而已。我试图找出如何在AppBar中更改标题的文本。请注意,正文中的文本会更改,但应用程序栏中的文本不会更改。我完全错了吗?我使用这个方法是基于其他关于堆栈溢出的公共问题。我这边运气不好 import 'package:flutter/material.dart'; void main() => runApp(MaterialApp( home: Scaffold( appBar: AppBar( title: Te

这是我的第一个颤振应用程序。。。只是学习和混日子而已。我试图找出如何在AppBar中更改标题的文本。请注意,正文中的文本会更改,但应用程序栏中的文本不会更改。我完全错了吗?我使用这个方法是基于其他关于堆栈溢出的公共问题。我这边运气不好

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
  home: Scaffold(
    appBar: AppBar(
      title: Text('My First App', style: TextStyle(fontFamily: 'Audowide'),),
      centerTitle: true,
      backgroundColor: Colors.cyan[700],
      brightness: Brightness.dark,
    ),
    body: Center(
      child: Text("Body Text!",
        style: TextStyle(
          fontSize: 20.0,
          fontWeight: FontWeight.bold,
          fontFamily: 'Audiowide',
          letterSpacing: 2.0,
          color: Colors.grey[500],
        ),
      ),
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () {}, // for later use
      backgroundColor: Colors.cyan[700],
      child: Text("Press"),
    ),
  ),
));

您需要下载字体,并将引用放在pubspec.yaml中。 查看文档如何报告:

您可以尝试以下两种方法之一:

  • 在项目中使用字体之前,将字体手动添加到项目中并在
    pubspec.yaml
    中定义它们
  • 另一个有趣的软件包是
    google_字体
    ,它更简单,并且为许多您可能想尝试的字体提供了选项。将其添加到项目和后续使用的整个过程如下所示

  • 步骤1:修复代码中的打字错误,将
    Audowide
    更改为
    Audiowide

    步骤2:下载
    步骤3:将文件放入目录
    assets/font

    步骤4:在
    publispec.yaml

    fonts:
      - family: Audiowide
        fonts:
          - asset: assets/fonts/Audiowide-Regular.ttf
    

    工作演示


    您可以在
    pubspec.yaml
    文件中添加谷歌字体

    dependencies:
      google_fonts: ^1.1.1
    
    Pubspec.yaml
    文件中导入依赖项

    import 'package:google_fonts/google_fonts.dart';
    

    您确定正文小部件的字体系列正在更改吗?请确保Autowide字体实际上是在pubspec.yaml中定义的,并且与您得到的.tff/.otf文件相对应。除了我的打字错误之外,一切都很好!我真傻。这已经完成了,因为我注意到正文部分的文字发生了变化,而不是标题。谢谢你的帮助。我的输入有一个输入错误!那是个打字错误!我真傻。