技术胖Flutter第四季-23静态资源和项目图片的处理

技术胖Flutter第四季-23静态资源和项目图片的处理

 

视频地址：https://www.bilibili.com/video/av35800108/?p=24

 

项目中引用图片静态资源文件

这里就是配置项目中的静态资源文件的

 

新建images文件夹。而后在里面复制过去一个图片。

 

 

 

加载不了图片。直接复制技术胖的代码也加载不了

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

 

图片加载错误

解决方法

图片加载不出来的缘由：参考下面的文章

https://github.com/flutter/flutter/issues/11199

 

 

 

assets节点前面是有空格的 必定是在flutter的节点后面。因此assets节点前面必定要带空格，

 

最终的效果

 

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