Flutter - Mac和Windows10配置flutter环境 ,iOS原生项目接入flutter

  • 一、Mac m1配置flutter环境
    • 1、下载flutter SDK
    • 2、安装和配置 Flutter 开发环境
      • 2.1、配置PATH 环境变量(当前窗口生效)
      • 2.2、配置PATH 环境变量(任意窗口生效,推荐这个)
        • 1) android cmdline-tools 缺失
        • 2) Android许可证状态未知
        • 3) Xcode默认版本 xcode-select没选择
        • 4) HTTP Host Availability
      • 3、配置Android Studio flutter SDK路径
      • 4、Mac M1芯片下使用Android Studio 自带模拟器
        • 4.1、创建新模拟器
        • 4.2、设置模拟器浮动展示
  • 二、Mac配置flutter环境 ,原生项目接入flutter
    • 1、下载flutter SDK
    • 2、安装和配置 Flutter 开发环境
      • 安装配置遇到的问题:
      • 处理办法:
    • 3、混合开发接入
      • 结构图示 (本人项目使用了CocoaPods )
      • 1) 在项目文件夹同级目录创建Flutter模块(Flutter相关页面的代码都在这里)。
      • 2) Podfile 添加下面代码( my_flutter是模块文件夹名称),然后cd 到 项目文件夹 执行 pod install
      • 3) 编译一下如果没有问题,添加代码
      • 4) 运行结果:
      • 5) 修改模块的默认代码,位置: my_flutter - lib- main.dart ,替换为下面代码
      • 6) 运行项目, 点击按钮
  • IDEA运行配置
  • 二、Windows10配置flutter环境
    • 1、下载flutter SDK
    • 2、下载安装Java
    • 3、下载安装Android Studio和夜神模拟器
    • 4、配置环境变量
    • 5、配置Android Studio

参考资料:
在 macOS 上安装和配置 Flutter 开发环境
Flutter iOS 混合工程自动化
Flutter 与 iOS 混合项目初探
Flutter混合开发(二):iOS项目集成Flutter模块详细指南
Flutter 开发 (1)iOS 下超详细集成 Flutter
Flutter中文网 在macOS上搭建Flutter开发环境

一、Mac m1配置flutter环境

关于一些软件比如Xcode、Android Studio、cocoapods,homebrew、ruby 我这里是已经安装过了
如需安装cocoapods、homebrew、ruby,请看另一篇文章
Swift项目使用CocoaPods(包含m1安装方法)

官方提醒
如果你要在 Apple 芯片的 Mac 电脑 上使用,你还需要安装 Rosetta 2 环境因为 一些辅助工具 仍然需要,你可以通过手动运行下面的命令来安装:

sudo softwareupdate --install-rosetta --agree-to-license

开发环境:
Andorid Studio + Xcode + iOS模拟器 + 安卓自带模拟器
Flutter 使用的是2.10.0
具体可看下面

Flutter - Mac m1和Windows10配置flutter环境 ,iOS原生项目接入flutter相关推荐

  1. 如何在最新Mac M1机器上配置Ruby环境

    提示:为什么标题限定Mac M1上,因为再加入前团队说是没法正确配置,而我也是第一次做 主要内容 1. 系统信息-System Information 2. 配置后的环境版本-Environments ...

  2. 原生工程接入Flutter实现混编

    前言 上半年我定的OKR目标是帮助团队将App切入Flutter,实现统一技术栈,变革成多端融合开发模式.Flutter目前是跨平台方案中最有潜力实现我们这个目标的,不管是Hybird还是React ...

  3. Flutter之window系统下配置开发环境以及在Android Studio里面运行hello word

    1 .window系统配置Flutter开发环境 1)下载Flutter的SDK 如果电脑安装了Git,直接到https://github.com/flutter/flutter/这里下载,但是需要翻 ...

  4. MAC M1芯片安装python3.6环境

    文章目录 设置Rosetta 安装x86版homebrew 安装pyenv.pyenv-virtualenv 安装python3.6.15 MAC新款搭载了M1芯片,python版本最低只能装3.8的 ...

  5. Windows10配置JAVA环境变量(图文教程)

    本章教程,简单介绍一下如何在windows10上配置JAVA环境变量. 目录 一.下载JDK 二.安装过程 (1)首先得到一个JDK安装可执行程序 (2) 以管理员方式运行exe (3) 更改JDK安 ...

  6. Windows10配置maven环境变量(图文教程)

    本章教程,主要介绍如何在windwos10上配置maven环境变量. 目录 一.下载maven 二.配置环境变量 (1)解压maven包 (2)快速打开环境变量设置 (3)新建MAVEN_HOME系统 ...

  7. windows10配置php环境 phpStudy+PhpStorm

    我现在对php还是纯小白,今天尝试在win10系统上配置开发环境. php环境使用phpStudy:编辑器使用的是phpStorm,编辑器没有很高的要求,记事本也是可以的. 一.配置phpStudy环 ...

  8. Windows10配置Go环境

    新手教学Windows 如何配置配置Go环境 1.下载安装msi文件 最新版安装地址 :https://go.dev/doc/install?download=go1.16.4.windows-amd ...

  9. flutter不支持热更新_在iOS原生项目中使用Flutter,热更新

    前言: Flutter 因其自建的渲染引擎,背靠谷歌的支持,近来俘获了不少的开发小伙伴,越来越多的开发者尝试使用Flutter进行开发,在原生项目中嵌入Flutter来完成复杂度不高的页面成为了一个不 ...

最新文章

  1. Android信使Messenger解析
  2. python定_Python 定值类
  3. php获取ios或android通过文件头(header)传过来的坐标,通过百度接口获取具体城市和地址,并存入到session中...
  4. poj 3614 Sunscreen(优先队列+贪心)
  5. C语言如何使用其他文件定义的结构体?(C++报错:无法转换到不完整的类【需在头文件中定义结构体??】)
  6. 我是如何学习写一个操作系统(五):故事的高潮之进程和线程1
  7. YBTOJ洛谷P2387: 魔法森林(LCT)
  8. as的使用技巧及注意点
  9. 任意点 曲线距离_中级数学11-曲线函数
  10. Uva 10004(二分图的判定)
  11. Bootstrap 标签和徽章
  12. 数据库技术丨GaussDB(DWS)数据同步状态查看方法
  13. 【分治】LeetCode 69. Sqrt(x)
  14. 问卷统计前奏【SPSS 072期】
  15. 什么是等级保护, 等保2.0详解
  16. Selenium自动登陆12306官网(解决图片验证码和滑块验证码问题)
  17. 迪士尼无限3.0连接服务器,迪士尼无限3period;0BUG问题解决 | 手游网游页游攻略大全...
  18. 三次样条拟合(附完整代码)
  19. So Easy京东商城
  20. 创作者基金 11 月亮点

热门文章

  1. 【English】——让它慢慢进入我的生活
  2. 如何从亚马逊搞来一台免费一年的服务器
  3. 基于WP7开发的Silverlight常用控件详解
  4. 快慢指针(删除数组重复项)
  5. window.onunload和window.onbeforeunload事件
  6. gb g t计算机单位,t和g的换算(硬盘容量G跟T的换算)
  7. php如何生成一年的日历表_使用php动态生成一个日历,附源码。【简单实用】
  8. 让你终身不发火的5个字
  9. 在学生会时候做的一些活动背景logo
  10. 将Excel中存储为文本的数字转换为数字格式