天天看點

【Flutter】Flutter 拍照示例 ( 建立應用 | 安裝 image_picker 插件 )

文章目錄

  • ​​一、Flutter 建立新應用​​
  • ​​二、安裝 image_picker 插件​​
  • ​​三、相關資源​​

一、Flutter 建立新應用

建立 Flutter 應用 , 選擇 菜單欄 / File / New / New Flutter Project 選項 , 在彈出的對話框中選擇 Flutter Application ;

【Flutter】Flutter 拍照示例 ( 建立應用 | 安裝 image_picker 插件 )

點選 " Next " 按鈕後 , 輸入工程名 , 工程路徑 , SDK 路徑 , 繼續點選 " Next " 按鈕 ;

【Flutter】Flutter 拍照示例 ( 建立應用 | 安裝 image_picker 插件 )

設定包名 ;

【Flutter】Flutter 拍照示例 ( 建立應用 | 安裝 image_picker 插件 )

二、安裝 image_picker 插件

搜尋并安裝 Flutter 插件參考 【Flutter】Flutter 項目中使用 Flutter 插件 ( Flutter 插件管理平台 | 搜尋 Flutter 插件 | 安裝 Flutter 插件 | 使用 Flutter 插件 ) 部落格 ;

到 Flutter 插件管理平台 " ​​https://pub.dev/packages​​ " , 搜尋 " image_picker " 插件 ;

插件位址 : ​​https://pub.dev/packages/image_picker​​

【Flutter】Flutter 拍照示例 ( 建立應用 | 安裝 image_picker 插件 )

" image_picker " 插件導入方法 :

① 添加依賴 : 在 pubspec.yaml 配置檔案中添加如下依賴 ;

dependencies:
  image_picker: ^0.5.2      

② 擷取插件 :

在指令行工具中執行

flutter pub get      

指令 ;

或在 pubspec.yaml 配置檔案中點選右上角的

【Flutter】Flutter 拍照示例 ( 建立應用 | 安裝 image_picker 插件 )

此處可能會遇到 Flutter SDK 版本與插件版本不相容的問題 , 參考 ​​【錯誤記錄】Flutter 插件不相容 ( requires Flutter SDK version >=1.22.0 <2.0.0, url_launcher >=5.7.7 <6.0.0- )​​ 部落格解決該問題 , 一般降低該 Flutter 插件版本即可 ;

③ 在源碼中導入相關源碼檔案 :

import 'package:image_picker/image_picker.dart';      

三、相關資源

  • Flutter 官網 :​​https://flutter.dev/​​
  • Flutter 插件下載下傳位址 :​​https://pub.dev/packages​​
  • Flutter 開發文檔 :​​https://flutter.cn/docs​​( 強烈推薦 )
  • 官方 GitHub 位址:​​https://github.com/flutter​​
  • Flutter 中文社群 :​​https://flutter.cn/​​
  • Flutter 實用教程 :​​https://flutter.cn/docs/cookbook​​
  • Flutter CodeLab :​​https://codelabs.flutter-io.cn/​​
  • Dart 中文文檔 :​​https://dart.cn/​​
  • Dart 開發者官網 :​​https://api.dart.dev/​​
  • Flutter 中文網 ( 非官方 , 翻譯的很好 ) :​​https://flutterchina.club/​​​ ,​​http://flutter.axuer.com/docs/​​
  • Flutter 相關問題 :​​https://flutterchina.club/faq/​​ ( 入門階段推薦看一遍 )
  • GitHub 位址 : ​​https://github.com/han1202012/flutter_cmd​​ ( 随部落格進度一直更新 , 有可能沒有本部落格的源碼 )