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
- springboot+themeleaf+bootstrap訪問靜態資源/無法訪問靜態資源/圖片Spring Boot
- nginx 代理圖片、css、js等靜態資源NginxCSSJS
- 八、SpringMVC--SpringMVC 表單標籤 和處理靜態資源SpringMVC
- [譯]未雨綢繆之:靜態資源處理
- 03 #### 讀取靜態檔案-圖片
- webpack結合reactjs、vuejs專案中圖片處理WebReactJSVue
- springboot專案所有靜態資源無法載入Spring Boot
- 處理圖片流資料
- 使用 Intervention/image 對 Laravel 專案中的圖片進行處理Laravel
- 如何高效管理 React Native 專案中的圖片資源React Native
- django-驗證碼/靜態檔案處理Django
- Vue專案圖片加密處理,防止直接在網頁上盜圖。Vue加密網頁
- asp .net core 靜態檔案資源
- 專案管理中,如何處理人力資源問題?專案管理
- 002.00 圖片處理
- Thumbnailator處理圖片AI
- 【YLCircleImageView】圖片處理View
- webpack圖片處理Web
- 圖片上傳及圖片處理
- Nodejs專案網頁圖示的處理NodeJS網頁
- 靜態資源管理
- 一、靜態庫和動態庫,Makefile專案管理專案管理
- ASP.NET Core靜態檔案處理原始碼探究ASP.NET原始碼
- Webpack乾貨系列 | Webpack5 怎麼處理字型圖示、圖片資源Web
- Pr 入門教程如何處理圖片檔案?
- SwiftUI Image 圖片處理SwiftUI
- webpack 圖片處理 loaderWeb
- Python批量處理圖片Python
- [OpenGL]未來視覺6-靜態圖片紋理載入視覺
- 走近webpack(3)–圖片的處理Web
- web專案中圖示的前端處理方案Web前端
- 動態圖和靜態圖的程式碼區別
- [外包專案]尋求技術大佬開發一個圖片處理的小程式
- webpack 靜態資源管理Web
- 靜態資源公共庫
- Web靜態資源加速Web