Flutter-靜態資源和專案圖片的處理
pubspec.yaml 檔案
如果想配置專案資原始檔,就需要使用pubspec.yaml檔案,需要把資原始檔在這裡宣告。
比如在專案根目錄下新建了一個images資料夾,資料夾下面放了一個圖片,圖片的名稱叫做blogtouxiang.jpg,那我們在pubspec.yaml檔案裡就要寫如下程式碼進行宣告。
assets:
- images/blogtouxiang.jpg
使用專案圖片資源
import'package:flutter/material.dart';
void main()=>runApp(MyApp());
class MyApp extendsStatelessWidget{
@override
Widget build(BuildContextcontext) {
return Container(
child:Image.asset('images/blogtouxiang.jpg'),
);
}
}
相關文章
- SpringBoot處理靜態資源Spring Boot
- Laravel 專案 偽靜態分頁處理Laravel
- nginx 代理圖片、css、js等靜態資源NginxCSSJS
- Spring Boot實戰:靜態資源處理Spring Boot
- [譯]未雨綢繆之:靜態資源處理
- 清理 iOS 專案不用的圖片資源iOS
- springboot+themeleaf+bootstrap訪問靜態資源/無法訪問靜態資源/圖片Spring Boot
- Swift使用SDWebImage處理遠端圖片資源SwiftWeb
- 03 #### 讀取靜態檔案-圖片
- 清理 iOS 專案無用的圖片資源iOS
- 清理ios專案無用的圖片資源iOS
- 八、SpringMVC--SpringMVC 表單標籤 和處理靜態資源SpringMVC
- Glide中解析圖片(靜態圖片)IDE
- 處理圖片流資料
- 使用 Intervention/image 對 Laravel 專案中的圖片進行處理Laravel
- springboot專案所有靜態資源無法載入Spring Boot
- Vue專案圖片加密處理,防止直接在網頁上盜圖。Vue加密網頁
- django-驗證碼/靜態檔案處理Django
- asp .net core 靜態檔案資源
- [OpenGL]未來視覺6-靜態圖片紋理載入視覺
- webpack結合reactjs、vuejs專案中圖片處理WebReactJSVue
- 如何高效管理 React Native 專案中的圖片資源React Native
- webpack圖片處理Web
- Thumbnailator處理圖片AI
- iOS 圖片處理iOS
- 專案管理中,如何處理人力資源問題?專案管理
- Spring Boot乾貨系列:(六)靜態資源和攔截器處理 | 掘金技術徵文Spring Boot
- 圖片上傳及圖片處理
- 使用Django來處理對於靜態檔案的請求Django
- 一、靜態庫和動態庫,Makefile專案管理專案管理
- Webpack乾貨系列 | Webpack5 怎麼處理字型圖示、圖片資源Web
- webpack 靜態資源管理Web
- Web靜態資源加速Web
- 靜態資源公共庫
- 【YLCircleImageView】圖片處理View
- 002.00 圖片處理
- 圖片處理--羽化特效特效
- SwiftUI Image 圖片處理SwiftUI