一、环境配置
1. 升级HomeBrew
$ brew update
苹果自带工具包,但是可能会报错:command not found: brew,此时需要先执行:
$ sudo gem install redis
再执行
(curl -fsSL raw.githubusercontent.com/Homebrew/in…)"
安装完成后可以查看版本
$ brew --version
2. 配置环境变量
export PUB_HOSTED_URL=pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn
export PATH=/Users/dfg/flutter/bin:$PATH(注意"dfg"为你个人电脑的用户名)
将以上代码配置到.bash_profile文件或.zshrc文件中,前者需要每次打开terminal窗口时都要执行$source .bash_profile后生效,后者可永久生效
3. 下载并安装Flutter SDK
(1)下载地址:flutter.dev/docs/get-st…(不想安装固定版本的安装包则跳过这一步,使用下面Git Clone的方式)
(2) $ git clone -b master github.com/flutter/flu…(Android升级X之前不推荐使用该版本)
4. Doctor
需要到flutter目录下执行
flutter doctor
【注意】:
(1)doctor命令执行后,如果有些警告或报错,需要安装Xcode与Android Studio,具体参考:www.jianshu.com/p/603649a02…
Xcode直接从App Store下载即可,Android Studio从官网下载:developer.android.google.cn/studio
(2)在中国大陆地区,通过教程命令行clone下来的SDK有可能缺少ios组件,需要从官网下载SDK并把缺失的部分copy进去,具体确实哪些,如果报错会提示
(3)很多下载或更新需要翻墙,如果总连接失败,可尝试更改DNS的IP为8.8.8.8,此IP为Google公司提供
(4)如果Android工程不支持AndroidX,那么Flutter需要回退至不强制AndroidX的版本:$ git reset --hard f5733f7a62ebc7c2ba324a2b410cd81215956b7d,该版本为2019年8月发布的1.10.2版,1.11.0以上版本会出现AndroidX库的冲突,所以这里选择回退。
二、创建Flutter模块(与原生混合开发)
设置好环境变量后
$ source .bash_profile,使其生效(存储至.zshrc的情况不需要执行)
首先创建flutter模块:
$ flutter create -t module flutter_module
1. 添加至现有iOS应用
(1)工程配置:
嵌入CocoaPods:打开Podfile,输入
flutter_application_path = '../../flutter_module'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
在target中调用:install_all_flutter_pods(flutter_application_path)
在pod目录下执行$ pod install
(2)添加Flutter屏幕:启动FlutterEngine和FlutterViewController,具体参考:flutter.dev/docs/develo…
【注意】:
(1)如果工程没有继承CocoaPods,需要手动嵌入Flutter模块 ,具体可参考:flutter.dev/docs/develo… (2)iOS类文件导入时可使用:#import <FlutterPluginRegistrant/GeneratedPluginRegistrant.h>,或使用@import Flutter; (使用@import时可能会报错:Use of '@import' when C++ modules are disabled, consider using -fmodules and -fcxx-modules,那么此时需要在Build Setting -> Other C++ Flags设置以上两个参数即可)
(3)官方建议但不要求应用程序的UIApplicationDelegate子类于FlutterAppDelegate,所以另一种做法是实现FlutterAppLifeCycleProvider协议
2. 添加至Android应用:Android Studio中的“ 文件”>“新建”>“新模块”>“Flutter模块”/“导入Flutter模块” ,点击下一步即可。详情可参考:flutter.dev/docs/develo…
3. 新建Flutter工程及相关命令:
(1)$ flutter create myapp,使用Android Studio打开创建好的工程
(2)Flutter升级:flutter upgrade
(3)channel相关:官方推荐stable。 查看: flutter channel stable
(4)pubspec.yaml文件掌管着需要的依赖包。查看: flutter packages upgrade
4. 安装Dart SDK
$ brew tap dart-lang/dart
$ brew install dart -devel
$ brew info dart