美文网首页工作生活
第八节 Flutter 静态资源和项目图片的处理

第八节 Flutter 静态资源和项目图片的处理

作者: HT_Jonson | 来源:发表于2019-07-02 15:16 被阅读0次

    pubspec.yaml 文件
    如果想配置项目资源文件,就需要使用pubspec.yaml文件,需要把资源文件在这里声明。

    比如在项目根目录下新建了一个images文件夹,文件夹下面放了一个图片,图片的名称叫做blogtouxiang.jpg,那我们在pubspec.yaml文件里就要写如下代码进行声明。

    image.png

    使用项目图片资源
    有了声明后,我们就可以直接在项目中引用这个文件了。这里使用最简单的代码结构,只用了一张图片。代码如下:

    import 'package:flutter/material.dart';
    
    void main()=>runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Container(
          child: Image.asset('images/bg.jpg'),
        );
      }
    }
    

    相关文章

      网友评论

        本文标题:第八节 Flutter 静态资源和项目图片的处理

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