【Flutter】Flutter 拍照示例 ( 创建应用 | 安装 image_picker 插件 )
文章目錄
- 一、Flutter 創(chuàng)建新應(yīng)用
- 二、安裝 image_picker 插件
- 三、相關(guān)資源
一、Flutter 創(chuàng)建新應(yīng)用
創(chuàng)建 Flutter 應(yīng)用 , 選擇 菜單欄 / File / New / New Flutter Project 選項(xiàng) , 在彈出的對(duì)話框中選擇 Flutter Application ;
點(diǎn)擊 " Next " 按鈕后 , 輸入工程名 , 工程路徑 , SDK 路徑 , 繼續(xù)點(diǎn)擊 " Next " 按鈕 ;
設(shè)置包名 ;
二、安裝 image_picker 插件
搜索并安裝 Flutter 插件參考 【Flutter】Flutter 項(xiàng)目中使用 Flutter 插件 ( Flutter 插件管理平臺(tái) | 搜索 Flutter 插件 | 安裝 Flutter 插件 | 使用 Flutter 插件 ) 博客 ;
到 Flutter 插件管理平臺(tái) " https://pub.dev/packages " , 搜索 " image_picker " 插件 ;
插件地址 : https://pub.dev/packages/image_picker
" image_picker " 插件導(dǎo)入方法 :
① 添加依賴 : 在 pubspec.yaml 配置文件中添加如下依賴 ;
dependencies:image_picker: ^0.5.2② 獲取插件 :
在命令行工具中執(zhí)行
flutter pub get命令 ;
或在 pubspec.yaml 配置文件中點(diǎn)擊右上角的
此處可能會(huì)遇到 Flutter SDK 版本與插件版本不兼容的問(wèn)題 , 參考 【錯(cuò)誤記錄】Flutter 插件不兼容 ( requires Flutter SDK version >=1.22.0 <2.0.0, url_launcher >=5.7.7 <6.0.0- ) 博客解決該問(wèn)題 , 一般降低該 Flutter 插件版本即可 ;
③ 在源碼中導(dǎo)入相關(guān)源碼文件 :
import 'package:image_picker/image_picker.dart';三、相關(guān)資源
參考資料 :
- Flutter 官網(wǎng) : https://flutter.dev/
- Flutter 插件下載地址 : https://pub.dev/packages
- Flutter 開(kāi)發(fā)文檔 : https://flutter.cn/docs ( 強(qiáng)烈推薦 )
- 官方 GitHub 地址 : https://github.com/flutter
- Flutter 中文社區(qū) : https://flutter.cn/
- Flutter 實(shí)用教程 : https://flutter.cn/docs/cookbook
- Flutter CodeLab : https://codelabs.flutter-io.cn/
- Dart 中文文檔 : https://dart.cn/
- Dart 開(kāi)發(fā)者官網(wǎng) : https://api.dart.dev/
- Flutter 中文網(wǎng) ( 非官方 , 翻譯的很好 ) : https://flutterchina.club/ , http://flutter.axuer.com/docs/
- Flutter 相關(guān)問(wèn)題 : https://flutterchina.club/faq/ ( 入門(mén)階段推薦看一遍 )
博客源碼下載 :
-
GitHub 地址 : https://github.com/han1202012/flutter_cmd ( 隨博客進(jìn)度一直更新 , 有可能沒(méi)有本博客的源碼 )
-
博客源碼快照 : https://download.csdn.net/download/han1202012/15602328 ( 本篇博客的源碼快照 , 可以找到本博客的源碼 )
總結(jié)
以上是生活随笔為你收集整理的【Flutter】Flutter 拍照示例 ( 创建应用 | 安装 image_picker 插件 )的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 【错误记录】Flutter 报错 ( D
- 下一篇: 【Flutter】Flutter 拍照示