你必須掌握在Flutter中添加資源文件的方法
在 Flutter 中，需要在根目錄下的 pubspec.yaml 文件中配置資源的路徑，資源才能被打包使用?，F(xiàn)在，看看如何配置資源吧。
1. 添加圖片資源文件
1.1 添加本地圖片資源
flutter:
assets:
// 表示引入根目錄下的 images 文件夾下的所有資源文件
- images/
// 只添加 images/ 下的 pci.png
- images/pci.png
注意縮進！本地文件夾內(nèi)的資源可以選擇導入整個文件夾，或者只導入指定文件。使用：Image.asset("images/pic.png")
1.2 添加依賴插件圖片資源
1.添加依賴插件
在 pubspec.yaml 文件的 dependencies 下添加依賴插件。
dependencies:
flutter_gallery_assets: 0.1.6
注意縮進！
2.注冊依賴插件中的資源同樣需要在 pubspec.yaml 文件的 flutter 下的 assets 下添加所要用到的依賴插件中的圖片路徑。
flutter:
assets:
- packages/flutter_gallery_assets/places/india_chennai_flower_market.png
packages 后跟插件的名稱，圖片需要插件包中的完整路徑。
這種情況不能一次性注冊一個文件夾的圖片了，只能一張圖一張圖的添加。
3.使用
child: Image.asset( // 圖片路徑 'places/india_chennai_flower_market.png', // 包名 package: 'flutter_gallery_assets', ),
在使用第三方庫資源的時候，需要加上包名。
1.3 分辨率相關的資源
Flutter 支持根據(jù)設備分辨率自動選擇合適分辨率的圖片資源，但資源需要按照以下規(guī)則添加：
../image.png ../1.0x/image.png ../2.0x/image.png
使用：
AssetImage('../image.png')
只需要使用默認的圖即可，AssetImage 會根據(jù)設備分辨率自動選擇合適大小的圖標。
2.添加字體資源
字體資源的添加格式如下，同樣是在 pubspec.yaml中：
flutter:
fonts:
// 一組字體的名稱
- family: Schyler
fonts:
// 組內(nèi)包哈的字體資源文件，第一個是默認字體
- asset: fonts/Schyler-Regular.ttf
- asset: fonts/Schyler-Italic.ttf
// 定義該字體的style
style: italic
// 一組字體的名稱
- family: Trajan Pro
fonts:
- asset: fonts/TrajanPro.ttf
- asset: fonts/TrajanPro_Bold.ttf
weight: 700
// 一組字體的名稱
- family: Raleway
fonts:
- asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-Regular.ttf
- asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-Medium.ttf
weight: 500
- asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-SemiBold.ttf
weight: 600
使用字體：
TextStyle( // 字體組名稱 fontFamily: 'Raleway', inherit: false, fontSize: 24.0, // 根據(jù) weight 選擇具體的字體 fontWeight: FontWeight.w500, color: Colors.white, textBaseline: TextBaseline.alphabetic, )
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
android 通過向viewpage中添加listview來完成滑動效果(類似于qq滑動界面)
android 通過向viewpage中添加listview來完成滑動效果(類似于qq滑動界面)，需要的朋友可以參考一下2013-05-05
Android AsyncTask實現(xiàn)異步處理任務的方法詳解
這篇文章主要介紹了Android AsyncTask實現(xiàn)異步處理任務的方法詳解的相關資料,需要的朋友可以參考下2017-04-04
Android?Flutter使用本地數(shù)據(jù)庫編寫備忘錄應用
這篇文章主要為大家詳細介紹了Android?Flutter如何使用本地數(shù)據(jù)庫實現(xiàn)編寫簡單的備忘錄應用，文中的示例代碼講解詳細，感興趣的小伙伴可以了解一下2023-03-03
這篇文章主要介紹了 Android使用xml自定義圖片實例詳解的相關資料,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了Android 友盟第三方登錄與分享的實現(xiàn)代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
這篇文章主要為大家介紹了Android判斷app是否在后臺運行的實現(xiàn)流程及代碼實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
Android Studio finish()方法的使用與解決app點擊“返回”(直接退出)
這篇文章主要介紹了Android Studio finish()方法的使用與解決app點擊“返回”(直接退出)，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
Android編程實現(xiàn)兩個Activity相互切換而不使用onCreate()的方法
這篇文章主要介紹了Android編程實現(xiàn)兩個Activity相互切換而不使用onCreate()的方法,結(jié)合實例形式分析了多個Activity切換而不重新創(chuàng)建的操作技巧,需要的朋友可以參考下2017-01-01
Android applicationId和包名的區(qū)別總結(jié)
這篇文章主要給大家介紹了關于Android applicationId和包名的區(qū)別，文中通過示例代碼介紹的非常詳細，對各位Android開發(fā)者們具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06
本篇文章是對Android中為從右向左語言定義復雜字串進行了詳細的分析介紹，需要的朋友參考下2013-05-05