什么叫包管理器

包管理器就是用來管理程序運行依賴的一個配置應(yīng)用。在程序運行中，我們會用到各種各樣的第三方程序包，若我們手動管理這些程序，他將變得十分臃腫。這時候便誕生了包管理器，類似于手機中的AppStore。比如說我們手機中的某個程序更新了，我們就可以通過AppStore來更新。同樣的我們可以通過包管理來更新我們程序中用到的依賴包。

Flutter 包管理器

Flutter包管理器是Yanr。它能夠快速、安全、 并可靠地完成這些工作。通過Yarn你可以使用其他開發(fā)者針對不同問題的解決方案，使自己的開發(fā)過程更簡單，你還可以上報或者貢獻解決方案。一旦問題被修復(fù)， Yarn會更新保持同步，F(xiàn)lutter項目默認(rèn)的配置文件是pubspec.yaml。

name: flutter_demo
description: A new Flutter project.
version: 1.0.0
dependencies:
  flutter:
    sdk: flutter
dev_dependencies:
  flutter_test:
    sdk: flutter
flutter:
 assets:
  - images/a_dot_burr.jpeg
  - images/a_dot_ham.jpeg
fonts:
  - family: Schyler
  fonts:
  - asset: fonts/Schyler-Regular.ttf
  - asset: fonts/Schyler-Italic.ttf
  style: italic

name：應(yīng)用或包名稱。

description: 應(yīng)用或包的描述、簡介。

version：應(yīng)用或包的版本號。

dependencies：生產(chǎn)環(huán)境依賴的工具包。

dev_dependencies：開發(fā)環(huán)境依賴的工具包。

flutter：flutter相關(guān)的配置選項。

• assets: 配置靜態(tài)文件
• font: 配置字體文件

Pub倉庫

Pub 是Google官方的Dart Packages倉庫，類似于node中的npm倉庫，我們可以在上面查找我們需要的包和插件，也可以向pub發(fā)布我們的包和插件。關(guān)于安裝依賴的相關(guān)步驟，這里不展開講，自行學(xué)習(xí)。

資源管理

flutter資源主要包括靜態(tài)數(shù)據(jù)（例如JSON文件）、圖標(biāo)和圖片（JPEG，WebP，GIF，動畫WebP / GIF，PNG，BMP和WBMP）等。每個asset都通過相對于pubspec.yaml文件所在位置的進行配置。如上所述的image圖片、font字體等。

配置圖片資源

• 首先在pubspec.yaml flutter 配置環(huán)境下，配置靜態(tài)文件目錄或者文件名

assets:
  - images/tabbar  //  可以直接配置靜態(tài)資源文件目錄
  - images/image.png // 也可以配置圖片名

• 使用資源圖片資源

Center(
  child: Image.asset(
    'images/image.png',
    width: 350,
    height: 335,
  ),
),

關(guān)于圖片資源存放目錄，官網(wǎng)說要必須配置2.x、3.x 文件目錄（AssetImage 可以將asset的請求邏輯映射到最接近當(dāng)前設(shè)備像素比例(dpi)的asset。），我在開發(fā)中沒有配置，圖片也正常加載了。所以你若沒有此類需求，只是單純?nèi)ゼ虞d圖片資源，建議創(chuàng)建一個圖片資源文件夾就夠了。 若我出現(xiàn)引導(dǎo)錯誤，及時糾正。

配置全局字體資源

• 下載字體資源包，存放在程序主目錄/fonts 文件夾（存放目錄可以是任何位置，需要在pubspec.yaml 配置正確的目錄地址）
• 在pubspec.yaml flutter 配置環(huán)境下，配置靜態(tài)文件目錄或者文件名

fonts:
  - family: Avenir
    fonts:
      - asset: fonts/Avenir/Avenir.ttf  // 配置正確的字體存放路徑
        weight: 900

• 在main.dart 中定義全局字體配置

MaterialApp(
   theme: ThemeData(fontFamily: 'Avenir'),
   debugShowCheckedModeBanner: false,
  ),
);

配置完成后，你程序中的默認(rèn)字體就是你所下載的字體文件了。是不是so easy！

關(guān)于靜態(tài)資源配置，上述兩種是我在項目中經(jīng)常遇到的一些配置。關(guān)于其他靜態(tài)資源配置，暫時沒有遇到，若之后遇到了，解決了，我會及時補充，還請各位同學(xué)理解。

結(jié)束語

關(guān)于flutter包管理器和資源管理的學(xué)習(xí)到這里就結(jié)束了，更多關(guān)于Flutter 包管理器資源管理的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論