Flutter 颤振:如何更改AppBar标题字体?
这是我的第一个颤振应用程序。。。只是学习和混日子而已。我试图找出如何在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
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文件相对应。除了我的打字错误之外,一切都很好!我真傻。这已经完成了,因为我注意到正文部分的文字发生了变化,而不是标题。谢谢你的帮助。我的输入有一个输入错误!那是个打字错误!我真傻。