技术胖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'),

    );

  }

}

巴特西

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

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

图片加载错误

解决方法

最新文章

热门文章