Flutter Android IOS

Flutter跨平台開發-套件管理以及pubspec.yaml設定

吳柏陞 Paul Wu 2023/06/28 13:17:39
933

在Flutter開發的過程中,加入其他開發者貢獻的共享Package能夠更方便、快速的構建應用,而不需要從零開始。

本篇將介紹Flutter開發時該如何引入並使用Package、使用專案目錄下資源,以及pubspec.yaml的設定。

有關Flutter的安裝與環境建置,可參考此篇文章

 

搜尋Package

Dart Pub上有許多其他人提供的方便套件可供使用。

可在輸入欄中輸入關鍵字找尋套件,下方也有熱門套件提供參考。

 

 

添加Package到專案中

1.開啟pubspec.yaml檔案,在dependencies加入需要的Package

2.Terminal執行flutter pub get,或是點選工具列會顯示的「Pub get」按鈕來安裝Package

3.在欲使用套件的檔案中 import即可。

這時會發現原先顯示錯誤的部分,已經消失、程式可以順利執行了。

 

管理Package版本

每一個Package都有它的版本號碼,如果在添加的時候沒有註明版本,Flutter會自動標記為package: anyany代表允許任何版本。另外還有以下幾種指定方式:

1. 2.3.4:指定使用2.3.4版本。

2. >=2.3.4:大於或等於2.3.4版本皆可。

3. >2.3.4:大於2.3.4的版本皆可。

4. <=2.3.4:需小於或等於2.3.4版本。

5. <2.3.4:需小於2.3.4版本。

6. 2.3.4:語法稱為「caret syntax」意思等同於'>=2.3.4 <3.0.0'4版本。

引用未發佈的Package(本地端 or Git)

引用未發布的Package有以下幾種方法。

引用"插件"Plugin Package

如果今天需要添加的Package是一個Plugin Package,除了要在pubspec.yaml檔案的dependencies中加入,

還需要在特定平台的文件中添加適當的依賴說明。

Android:

在 /android/build.gradle文件中為Package設定依賴關係。

Ios:

在 /ios/hello.podspec 文件中為Package設定依賴關係。

 

使用專案目錄下的資源

使用專案目錄下的資源時,會發現檔案已經添加了、路徑也沒打錯,可是畫面卻顯示不出圖片。

  

欲使用專案目錄下的資源,需在pubspec.yaml檔案的 flutter:中加入路徑,

可使用絕對路徑添加單一檔案,相對路徑為目錄下的每個檔案做添加,如下:

需要注意的是,若使用相對路徑僅包含位於目錄中的檔案,

欲添加子目錄中的檔案,需為每一個目錄分別創建。

這時就會發現,圖片已經能夠正常顯示了。

 

吳柏陞 Paul Wu