Flutter集成简单描述

Flutter是Google在2018年初推出的一款跨平台移动开发框架,能够同时在iOS和android两个平台开发高质量的原生移动APP。android

以前使用RN开发过一些项目,感受RN仍是挺不错的,可是在一些列表组件上的渲染和体验不是太好,正好今年google新推出了flutter,因此就想尝试一下。活到老学到老嘛,哈哈。macos

一下简单介绍下在Mac上集成flutter的方法,因为本人也是新手入门,如下的描述不免有所纰漏,望请见谅。api

系统要求:MacOSXxcode

磁盘空间:至少700Mruby

开发环境:xcode10.1,cocoapods,android studio 3.0以上bash

集成步骤:框架

一、下载flutter sdk ,下载地址:https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.0.0-stable.zip工具

二、终端进入sdk的路径,解压sdk,运行命令:unzip ~/Downloads/flutter_macos_v1.0.0-stable.zipgradle

三、配置环境变量,运行命令:export PATH=$PATH:`pwd`/flutter/bin,经过命令配置flutter工具在当前终端关闭后即失效,再次打开终端后须要从新运行此命令。能够将环境变量配置在.bash_profile中来解决。注:‘pwd’是终端中当前的目录,即上步解压sdk的路径google

四、运行flutter doctor来检查flutter的依赖工具安装状况。检测成功,直接运行

容易遇到的问题:

一、运行flutter doctor时出现android sdkmanager 失败时,首先检查当前android SDK版本,必须4.1及以上。而后android studio中打开Android SDK-SDK Tools-安装或更新Android Emulator、Android SDK Platform-Tools、Android SDK Tools。更新完成后重启Android studio,同步工程。

二、运行flutter doctor时出现iOS设备等问题时,会在终端给出须要执行的命令,按照顺序执行便可,运行成功后可能须要重启电脑才会生效。

三、运行flutter doctor时出现cocoapods版本太低,须要更新pod版本,首先配置gem source,运行命令:gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/,可是在运行gem update --system 时可能会出现“You don't have write permissions for the /usr/bin directory”。执行如下命令便可:sudo gem install cocoapods -n /usr/local/bin。

四、android studio中在android真机上运行工程时可能会出现无限Initializing gradle的状况,多是gradle版本出现了问题,更新如下gradle版本便可。亲测gradle版本在2.2.3时无限Initializing gradle,升级到3.5就能够正常运行真机了。

以上简单描述了一下flutter的集成方法以及在运行时容易出现的问题,后续会不断的进行flutter的运行及调试并收集问题,持续更新