用Android Stuidio开发Flutter

2024-05-14 09:38:30

官方推荐三个编辑器作为开发Flutter的IDE,分别是：VS Code , IntelliJ 和Android Studio。由于我们安卓团队主要用的为Android Stuidio，所以我们首选用Android Stuidio，而官方中主要介绍的是IntelliJ，操作上有一定差异，所以在这里主要介绍一下用Android Stuidio开发Flutter

一、支持版本

需要 Android Studio3.0或更高版本,才能支持Flutter 的开发下载地址： Android Studio,

二、安装插件

Android Studio要进行Flutter的开发，还需要安装两个插件: Flutter插件：支持Flutter开发工作流 (运行、调试、热重载等). Dart插件：提供代码分析 (输入代码时进行验证、代码补全等).

安装方式：在Preferences>Plugins中进行安卓，如图：

在Plugins中点Browse repositories，然后搜索Flutter和Dart

然后便可以开始安装，安装过程中可能会出错，多尝试几次。

安装完成后重启Android Studio后插件生效。

三、打开或创建Flutter 工程

1、新建Flutter工程

进入File-New-New Flutter Project(或者在Android studio启动引导界面创建)，然后选择Flutter Application,再填写工程名、路径等信息便新建了一个Flutter工程

2、打开已有的Flutter工程

这一点和官方的介绍IntelliJ的操作差异比较大。

在Android studio启动引导界面选择Open a existing Android Studio Project（或者在File-Open进行打开），然后选择Flutter工程的主目录，打开

四、运行工程

点击在工程右上角的三角形，便可以运行工程，左边还可以选择运行设备

五、热重载

Android Studion提供了Flutter热重载，无需重启应用程序就能实时加载修改后的代码，并且不会丢失状态。点击编辑器右上角的闪电⚡️图标，或者Command+s(Ctrl+S)，保存代码，变回进行热重载

用Android Stuidio开发Flutter相关推荐

Android Studio开发flutter快捷键
Android Studio开发flutter快捷键下面是android studio开发flutter快捷键的一些总结,非常实用,掌握后能明显提高编码速度和编码质量: 1.快速创建widget:在 ...
windows下Android Studio开发flutter打包iOS
mac环境 1.把整个项目都拷贝过来是否需要?除了ios目录,会用到ios之外的隐藏文件夹 .dart_tool 貌似还会用到dart文件 2.拷贝过来,进入ios目录,运行Runner.xcwor ...
Android Studio开发Flutter无法连接夜神模拟器及运行后白屏问题解决
之前都在真机上测试,今天突然想来模拟器上运行测试看下效果,结果连接不上,下面总结下处理方法一.连接不上问题先查明下问题 1.打开cmd,输入adb version 这里可以看到版本号是1.0.40 ...
flutter图标按钮_Flutter开发第一个项目android studio 开发工具的使用说明
Flutter开发第一个项目android studio 开发工具的使用说明做个自我介绍自我介绍还是有必要介绍一下的,毕竟这是网络里,你看不到我,我看不到你,只能通过文字来传递信息,本人做技术8年 ...
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | Android 端实现 MethodChannel 通信 )
文章目录前言一.Android 端 MethodChannel 构造函数二.Android 端 setMethodCallHandler 方法三.Android 端实现 MethodChann ...
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | Android 端实现 EventChannel 通信 )
文章目录前言一.Android 端 EventChannel 构造函数二.Android 端 setStreamHandler 方法三.Android 端实现 EventChannel 通信步 ...
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | Android 端实现 BasicMessageChannel 通信 )
文章目录前言一.Android 端 BasicMessageChannel 构造函数二.Android 端 MessageCodec 子类实现三.Android 端 setMessageHan ...
【Flutter】Flutter 混合开发 ( 关联 Android 工程与 Flutter 工程 | 安卓页面中嵌入 Flutter 页面 | 安卓中启动 Flutter 页面 )
文章目录前言一.创建 Android 项目二.关联 Android 工程与 Flutter Module 工程 1.配置 Flutter Module工程 2.配置 build.gradle 3 ...
第 3-7 课：延伸——Flutter Android Studio 开发环境的搭建
Flutter 开发工具很多,有很多支持 Flutter 开发的 IDE.比如 Android Studio.Visual Studio Code.InteIIiJ IDEA.Atom.Komodo ...

最新文章

热门文章