起步:安装Flutter

2020-04-25 全新安装Flutter,这里记录下

参考链接:FlutterChina

1.下载SDK

  • 官网直接下载SDK包,下载地址
  • 解压的目录,最好是 根目录下

2.配置Path

添加flutter相关工具到path中:

//进入根目录
cd ~
//创建配置文件
touch .bash_profile  
//打开配置
open .bash_profile  
//配置立即生效
source .bash_profile   

//查看是否配置成功
flutter

新增配置文件 内容:

export PATH=/Users/yd-sz-dn0588/flutter/bin:$PATH

1.3 配置镜像 可选

flutter项目会依赖一些东西,在国内下载这些依赖会有一些慢,所以我们可以将它们的安装源换成国内的(也就是设置国内的镜 像)

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2.1 问题:
Mac 每次都要执行 source ~/.bash_profile 配置的环境变量才生效

  • 根目录下新建zshrc文件 touch .zshrc
  • open .zshrc 后 在~/.zshrc文件最后,增加一行:source ~/.bash_profile

链接:Mac 重启后环境变量无效问题

主要的问题是,mac 里面有两种终端terminal(bash 和 zsh) 如果是zsh需要初始化.zshrc文件.

据官方说,从 macOS Catalina 版开始,您的 Mac 将使用 zsh 作为默认登录 Shell 和交互式 Shell

3. 下载flutter相关依赖

flutter doctor

3.1 弹窗提示: mac 无法打开“idevice_id”,因为无法验证开发者。

解决

sudo spctl --master-disable

sudo xattr -r -d com.apple.quarantine /Users/yd-sz-dn0588/flutter/bin/cache/artifacts/libimobiledevice/idevice_id

3.2 问题: 装完Flutter以后doctor通不过 一直找不到sdkmanager

解决Flutter Android sdkmanager tool not found

  • 重新下载 SDKManager
  • 然后执行 flutter doctor --android-licenses

4. Android studio 安装 Flutter插件

安装插件 Flutter 和Dart 插件后重启

5. 创建Flutter Hello world 工程

接下来,让我们用Android Studio创建一个Flutter项目,然后运行它,并体验“热重载”。

  1. 选择 File>New Flutter Project 。
  2. 选择 Flutter application 作为 project 类型, 然后点击 Next。
  3. 输入项目名称 (如 myapp),然后点击 Next。
  4. 点击 Finish。
  5. 等待Android Studio安装SDK并创建项目。

热重载: 更改代码后, 保存,就可以在模拟器看到效果

备注

  1. Helloworld debug APK包 接近 35M
  2. release 包: 16M

运行 Flutter-galary

  • flutter 源码目录的Example里面 有个

运行HighLight 工程

hilight 项目

  • 只能使用特定Flutter版本: 为: Flutter 1.9.1+hotfix.6。 如果版本不对,需要切换:flutter version v1.9.1+hotfix.6 ; 会重新从网络下载对应版本
  • 使用Flutter项目运行,需要配置flavor 配置: alpha
  • 问题,使用 flutter运行 安卓打 debug包,打出来的会,可以安装,但是打开会崩溃,查看是由于的SO库不兼容导致,只能用AS导入后,重新打开。 原因待处理。
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐