文章目錄

• 一、Flutter 包和插件簡介
• 二、創建 Flutter 插件
• • 1、Android Studio 中可視化創建
  • 2、命令行創建
• 三、創建 Dart 包
• • 1、Android Studio 中可視化創建
  • 2、命令行創建

一、Flutter 包和插件簡介

---

" Flutter 包 " 包含 pubspec.yaml 和 lib 代碼目錄 ;

• pubspec.yaml 配置文件 : 配置各種依賴 , 資源等 ;
• lib 目錄 : 是 Dart 代碼所在目錄 ;

Flutter 包的類型 :

• Dart 包 : 僅涉及 Dart 代碼 , 將 Dart 代碼封裝一下 , 實現特定功能 , 如解析 JSON 字符串等 , 不涉及到與 Native 應用的交互 ;
• 插件包 : 是專用的 Dart 包 , 包含 Dart API , 針對 Android 的 Java / Kotlin , 或 針對 iOS 的 Objective-C / Swift 的實現 , 如之前使用的拍照插件包 , 在 Android 平臺使用了 Android 相機的代碼 , 在 iOS 中調用了 iOS 相機相關功能 ;

二、創建 Flutter 插件

---

1、Android Studio 中可視化創建

可視化方式創建 " Flutter 包或插件 " :

前提 : Android Studio 中 安裝了 Flutter 和 Dart 插件 , 這也是開發 Flutter 的前提 ; 菜單欄選擇 " Flie / Settings … " 彈出的如下對話框中 , 選擇 " Plugin " 選項 , 如下就是安裝了 Flutter 和 Dart 插件 ;

在 菜單欄 選擇 " File / New / New Flutter Project… " 選項 ;

在彈出的如下對話框中 , 選擇 " Flutter Plugin " 就是創建 Flutter 插件 , 這里選擇創建 Flutter 插件 ;

( 如果選擇 " Flutter Package " , 就是創建 Flutter 包 )

輸入 Flutter 插件名稱 , 然后點擊 " Finish " 完成創建 ;

插件包創建完畢 :

插件包目錄結構介紹 :

• lib : Dart 代碼目錄 , 在默認生成的 flutter_plugin.dart 代碼中 , 使用了 MethodChannel 與 Android / iOS 本地應用進行通信 ;
• pubspec.yaml : 配置了依賴 , 以及相關說明 ;
• android : 存放插件中 Android 部分代碼 ; android\src\main\kotlin\com\example\flutter_plugin 目錄中的 FlutterPlugin.kt 就是 Android 對應的插件 ; Android 開發者可以開發 android 目錄下的代碼 , 開發 Android 平臺的對應功能 ;
• ios : 存放插件中 iOS 部分代碼 ; ios\Classes 目錄中的 FlutterPlugin.m 就是 iOS 中對應的插件 ; iOS 開發者可以開發 iOS 目錄下的代碼 , 開發 iOS 平臺的對應功能 ;

Flutter 與本地應用通信參考 【Flutter】Flutter 混合開發 ( Flutter 與 Native 通信 | 完整代碼示例 ) 代碼 ;

2、命令行創建

執行如下命令 , 創建 組織名為 com.example , 名稱是 flutter_plugin 的 Flutter 插件包 ;

flutter create --org com.example --template=plugin flutter_plugin

--org 設置組織名 , 即 Android 中的包名 ;
--template 設置當前創建的工程類型 , plugin 表示 Flutter 插件包 ;
flutter_plugin 表示插件包的名稱 ;

D:\flutter>flutter create --org com.example --template=plugin flutter_plugin Creating project flutter_plugin...flutter_plugin\.gitignore (created)flutter_plugin\.idea\libraries\Dart_SDK.xml (created)flutter_plugin\.idea\modules.xml (created)flutter_plugin\.idea\runConfigurations\example_lib_main_dart.xml (created)flutter_plugin\.idea\workspace.xml (created)flutter_plugin\.metadata (created)flutter_plugin\CHANGELOG.md (created)flutter_plugin\lib\flutter_plugin.dart (created)flutter_plugin\LICENSE (created)flutter_plugin\flutter_plugin.iml (created)flutter_plugin\pubspec.yaml (created)flutter_plugin\README.md (created)flutter_plugin\test\flutter_plugin_test.dart (created) Running "flutter pub get" in flutter_plugin... 721msflutter_plugin\example\.gitignore (created)flutter_plugin\example\.idea\libraries\Dart_SDK.xml (created)flutter_plugin\example\.idea\libraries\KotlinJavaRuntime.xml (created)flutter_plugin\example\.idea\modules.xml (created)flutter_plugin\example\.idea\runConfigurations\main_dart.xml (created)flutter_plugin\example\.idea\workspace.xml (created)flutter_plugin\example\.metadata (created)flutter_plugin\example\lib\main.dart (created)flutter_plugin\example\flutter_plugin_example.iml (created)flutter_plugin\example\pubspec.yaml (created)flutter_plugin\example\README.md (created)flutter_plugin\example\test\widget_test.dart (created) Running "flutter pub get" in example... 758ms Wrote 25 files.All done!Your plugin code is in flutter_plugin\lib\flutter_plugin.dart.You example app code is in flutter_plugin\example\lib\main.dart.You've created a plugin project that doesn't yet support any platforms.To add platforms, run `flutter create -t plugin --platforms <platforms> .` under flutter_plugin. For more information, see https://flutter.dev/go/plugin-platforms.D:\flutter>

三、創建 Dart 包

---

1、Android Studio 中可視化創建

在 菜單欄 選擇 " File / New / New Flutter Project… " 選項 ;

在彈出的如下對話框中 , 選擇 " Flutter Package" 就是創建 Flutter 包 ;

輸入 Flutter 包名稱 ;

點擊 " More Settings " 選項 , 可以設置更多選項 ;

創建的 Flutter 包如下 :

Dart 包目錄結構介紹 :

• lib : Dart 代碼目錄 , 在默認生成的 flutter_package.dart 代碼中 , 封裝 Dart 功能 ;
• pubspec.yaml : 配置了依賴 , 以及相關說明 ;

Dart 包是沒有 android 和 ios 原生代碼的 ;

2、命令行創建

執行如下命令 , 創建 名稱是 flutter_package 的 Dart 包 ;

flutter create --template=package flutter_package

--template 設置當前創建的工程類型 , package 表示 Dart 包 ;
flutter_package 表示插件包的名稱 ;

總結

以上是生活随笔為你收集整理的【Flutter】开发 Flutter 包和插件 ( Flutter 包和插件简介 | 创建 Flutter 插件 | 创建 Dart 包 )的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。