---
title: 'Flutter Package'
tags: Flutter
disqus: hackmd
---

# Flutter Package

**目錄：**

[TOC]

## 添加Package到Flutter專案中

### (方法一)向應用程序添加包依賴項

要將package 'css_colors' 添加到應用：

1.添加依賴

- 打開應用文件夾下的pubspec.yaml文件，然後在pubspec.yaml下添加css_colors:。

dependencies:
  flutter:
    sdk: flutter
  css_colors: ^1.0.0  # 這是你想要添加的套件

~~
2.安裝

- 在命令行中運行：flutter pub get

或者

- 在VS Code 中點擊位於pubspec.yaml文件頂部操作功能區右側的Get Packages

- 在Android Studio/IntelliJ 中點擊pubspec.yaml文件頂部操作功能區的Packages get

3.導入

- 在Dart 代碼中添加相關的import語句。

4.如果有必要，停止並重啟應用

- 如果package 內有特定平台的代碼（Android 的Java/Kotlin, iOS 的Swift/Objective-C），代碼必須內置到你的應用內。熱重載和熱重啟只對package 的Dart 代碼執行此操作，所以你需要完全重啟應用以避免使用package 時出現 錯誤MissingPluginException。

### (方法二)使用命令flutter pub add添加一個package 依賴

將css_colors這個package 添加到工程中：

1.在項目根目錄執行命令

flutter pub add css_colors

這邊要注意如果出現錯誤

切換一下shell命令在執行就可以了

2.導入

- 在Dart 代碼中添加相應的import語句

3.如果有必要，停止並重啟應用

- 如果package 內有特定平台的代碼（Android 的Java/Kotlin, iOS 的Swift/Objective-C），代碼必須內置到你的應用內。熱重載和熱重啟只對package 的Dart 代碼執行此操作，所以你需要完全重啟應用以避免使用package 時出現 錯誤MissingPluginException。

### 完成後就可以import了

import 'package:css_colors/css_colors.dart';

## 使用flutter pub remove命令移除一個package 依賴

要將package 'css_colors' 從工程中移除：

1.在項目根目錄執行命令

flutter pub remove css_colors

## 載入GitHub上面的套件

1.url:
- github網址，也可通過SSH連接

2.ref:
- 可以指定特定的commit、branch 或者tag

3.path:
- 這邊要注意，因為他會去找套件的pubspec.yaml檔，一般(圖一)會直接在外面，所以就可以不用帶path直接拿到，但如果像這邊範例的(圖二)就是包在裡面，因此要指定去哪個路徑裡下抓取我們想要的套件

圖一：


圖二：


### 範例

cached_network_image:
    git:
      url: https://github.com/Baseflow/flutter_cached_network_image.git
      ref: v3.2.3
      path: cached_network_image