技術胖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'),
    );
  }
}