注意:pubspec.yaml文件里面不要有多余的空格
1.修改文本的字体
image.png
找到pubspec.yaml文件
image.png
修改上图asset的文件名和项目font文件名一致,family文件名可以随便取,不过后面的使用的用family的文件名
image.png
效果图:
image.png
2.加载图片
2.1加载本地图片
新建文件夹images(名字可以随便取,后面设置路径只要一致就可以)文件夹,我放了两张本地的>图片
image.png
找到pubspec.yaml文件,设置路径
image.png
设置Image.asset("images/image1.jpg")
image.png
效果图:
image.png
2.2加载网络图片(要https图片)
image.png
效果图
image.png
所有代码
class Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(
"111",
style: TextStyle(
fontSize: 30.0,
fontWeight: FontWeight.bold,
),
),
centerTitle: true,
backgroundColor: Colors.amberAccent,
),
body: Center(
// child: Image.asset("images/image1.jpg"),
child: Image.network("https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2218073646,118578367&fm=26&gp=0.jpg")),
);
}
}
网友评论