编辑
2025-01-03
移动端开发
00
请注意,本文编写于 200 天前,最后修改于 198 天前,其中某些信息可能已经过时。

目录

flutter安装
vscode安装flutter
Android安装问题
运行flutter demo到Android时报gradle版本过低问题
IOS模拟器安装问题

flutter安装

后端开发第一次尝试flutter移动开发,记录下入门准备工作

vscode安装flutter

前提条件

- 安装flutter,执行flutter doctor命令

- 下载好xcode,同时安装好模拟器并打开

先安装flutter

image-20230304235407991

校验flutter

image-20230304235503205

Android安装问题

配置android模拟器,并运行项目时,需要先安装Android Studio,安装完成后,需要下载SDK,同时配置Android环境变量

image-20240628下午44326162

export ANDROID_HOME="$HOME/Library/Android/sdk" export PATH="$PATH:$MAVEN_HOME/bin" export PATH="$PATH:$ANDROID_HOME/tools" export PATH="$PATH:$ANDROID_HOME/platform-tools"

配置完成后,可以执行adb命令,链接模拟器

  • 链接本地mumu模拟器的adb端口
abd connect 127.0.0.1:5555
  • 连接完成后,执行
flutter devices

image-20240628下午44230872

将项目运行到Android模拟器

flutter run -d 127.0.0.1:5555

运行flutter demo到Android时报gradle版本过低问题

原因:Android版本需要的java版本需要到jdk11,而本机的环境是1.8,可以在本地下载完jdk11后,在flutter项目的Android修改gradle.properties的配置文件

org.gradle.java.home=/Users/johnezhou/java/jdk-11.0.20.1.jdk/Contents/Home

IOS模拟器安装问题

执行flutter doctor 的时候,有可能会出现如下报错

image-20240628下午44140376

这是因为IOS模拟器的运行环境没有安装,可以直接执行命令进行安装,但是大概率会失败,因此推荐第二种方式

  1. 去官网下载模拟器的版本:https://developer.apple.com/download/all/
  2. 找到对应的版本

image-20240628下午44111642

  1. 下载完成后,将运行环境添加到xcode中
xcodebuild -runFirstLaunch xcrun simctl runtime add /Users/johnezhou/code/tools/iOS_17.5_Simulator_Runtime.dmg
  1. IOS真机调试

    https://juejin.cn/post/7112590163884113934

  2. ios拔数据线运行报错

    flutter开发之in iOS 14+,debug mode Flutter apps can only be launched from Flutter tooling, IDEs with Fl

    需要在xcode中添加如下配置

image-20240709下午53421956

本文作者:瓜儿爸

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!