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

在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: any，any代表允許任何版本。另外還有以下幾種指定方式：

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:中加入路徑，

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

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

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

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