美文网首页flutter从0开始自学
flutter从零开始使用(三)

flutter从零开始使用(三)

作者: it奔跑在路上 | 来源:发表于2020-03-08 20:06 被阅读0次

注意:pubspec.yaml文件里面不要有多余的空格

1.修改文本的字体

点击http://www.googlefonts.cn/去下载你想要的字体,然后新建fonts文件夹,解压放到fonts文件夹下面
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")),
    );
  }
}

相关文章

网友评论

    本文标题:flutter从零开始使用(三)

    本文链接:https://www.haomeiwen.com/subject/euljdhtx.html