文章目录 一、报错信息 二、解决方案 一 ( 备选方案 ) 三、解决方案 二 ( 推荐方案 ) 一、报错信息 ---- 为了解决 【错误记录】Flutter 构建报错 ( Because xxx requires...SDK version >=2.12.0-0 <3.0.0, versio | Dart SDK 版本低 ) 中的问题 , 更新了 Flutter 与 Dart SDK ; 更新后出现该问题 , main.dart...; 在 Project Structure 对话框中的 Project 选项卡中配置 Android SDK ; Library 选项卡的 Flutter 和 Dart SDK ; Facts...选项卡的 Android 配置 , 参考 【错误记录】Android Studio 的 Flutter 代码界面没有 Logcat 面板 配置 ; 配置完毕 , 重启 Android Studio 即可解决该问题...; 三、解决方案 二 ( 推荐方案 ) ---- 在设置 Flutter 与 Dart SDK 时 , 配置了 Flutter SDK 后 , 必须配置 Dart SDK , 必须勾选 Dart SDK
Flutter需要安装和配置Android Studio,步骤如下: 1)下载并安装Android Studio: https://developer.android.com/studio/index.html...(3)设置Android模拟器 要准备在Android模拟器上运行并测试Flutter应用,请按照以下步骤操作: 1)启动Android Studio→Tools→Android→AVD Manager...图1-9 验证配置信息 5)在工具栏选择刚刚添加的模拟器,如图1-10所示。 图1-10 在工具栏选择模拟器 6)也可以在命令行窗口运行flutter run命令启动模拟器。...图1-11 Android模拟器运行效果图 打开Android Studio的系统设置面板,找到Plugins并分别搜索Flutter和Dart,点击安装即可,如图1-12所示。...图1-26 模拟器启动完成图 图1-27 官方示例运行效果图 步骤8 接下来我们打开工程目录下的main.dart文件,清空main.dart代码,如图1-28箭头所指。
,到时候Android Studio XCode都能配置起来。...三、Android Studio 开发环境 作为Android开发人员,你首先要确保你的Android Studio没有问题,然后才是在Android Studio上配置Flutter的开发环境,下面我们先通过命令行检测一下...发现项目有错误,我们打开lib下的main.dart 这里提示你Dart SDK 没有配置,而其实我们下载Flutter SDK里面就带了Dart的SDK,因此我们先配置Flutter SDK,在...Android Studio中配置Flutter的SDK,如图所示。 ...: flutter config --android-sdk D:\Android\Sdk 回车 配置好之后,这里会提示你重启编辑器,也就是Android Studio,我们重启Android Studio
2018年2月27日世界移动大会上,谷歌发布一个跨平台开发框架,名曰Flutter,用于构建高性能的原生Android和iOS两大平台的App。 目前还处于测试版本阶段:Beta 3。...如果在AS中无法在线安装,可以到以下链接中下载离线安装: Flutter插件下载 Dart插件下载 注意下载的插件版本一定要和Android Studio JRE版本对应上,可以在Android Studio...模拟器配置 Android Studio支持Android模拟器和iPhone模拟器预览,具体安装参见Flutter中文网,这里不再赘述。...images/ic-pic-loading.png - images/ic-pic-article.gif Run App 通过Android Studio就可以直接在模拟器上安装App了,当然...,前提是你要先配置好模拟器。
,应用于 Android 以及 iOS 平台上.不仅如此, Flutter 还可应用于谷歌将推出的新系统Fuchsia....run 运行app Android 设置 安装 Android Studio 我们需要安装并配置 Android Studio , 整体步骤为: 下载并安装Android Studio...设置Android模拟器 运行模拟器比较吃资源 , 这里建议还是使用Android真机....如若需要配置模拟器请参考官网 设置Android设备 要运行并且测试我们的应用在 Android 设备上 , 我们需要系统版本为 Android 4.1 及以上的 Android 设备 打开开发者选项还有...打开 lib/main.dart 修改界面文案,保存 在命令终端按下 ‘r’ 代码文案即刻更新生效 Android Studio IntelliJ IDEA 和 Android Studio
基本是按官网步骤 1、下载flutter sdk 2、配置环境变量,这里我本来想试试配成本地位置,结果到后来运行时候跑不起来,无奈最后还是按官网的来,当前用户新增PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL...3、安装Android sdk 安装好flutter后,可以在cmd使用 flutter doctor 查看需要的环境是还差什么,提示安装android studio和android SDK,看网上说还需要安装...这时可以用Android Studio创建flutter项目,也可以用vscode创建,我选择用vscode,于是要在vscode的商店里下载安装flutter,flutter是基于Dart语言写的,有的教程还说要安装...这里有2种选择,一个是通过android studio创建模拟器,一个是vscode安装模拟器插件,这里我推荐第二种,因为android studio 安装还需要下载样式等文件,有点大。 ?...5、启动项目 模拟器可以正常使用后,在创建的flutter项目文件中找到main.dart 然后按F5或者调用Debug>Start Debugging,项目就跑起来了 ?
四、Android Studio的安装: 在官网下载Android Studio,下载地址:https://developer.android.com/; 启动Android Studio,执行“Android...Studio安装向导”并安装最新的Android SDK、Android SDK工具和Android SDK构建工具,这些都是用Flutter进行Android开发所需要的; 打开Android Studio...六、安装Android Studio:和Windows一样,在Android设备上构建并运行Flutter程序都需要先安装Android Studio。...04开发工具的配置与使用 一、Android studio配置与使用 首先需要安装两个插件,分别是Flutter和Dart插件: Flutter插件:支持Flutter开发工作流(运行、调试、热重载等)...一、连接Android模拟器 在Android模拟器上运行并测试Flutter应用,请按照以下步骤操作: 启动 Android Studio>Tools>Android>AVD Manager 并选择
开发工具可以使用Android Studio或VS Code,这里使用Android Studio,需要先安装配置JDK。...2.2.3 配置 安装完成后,进入Android Studio建立/导入项目的界面,先配置Android模拟器。...然后在Android Studio中安装Flutter和Dart插件。 然后需要把Flutter SDK path和Dart SDK path配置到Android Studio中。 注: 1....Profile模式又叫分析模式,主要用于应用性能分析,只能在物理设备上运行,不能在模拟器上运行。...2.10.4 运行项目 运行前需打开模拟器。 可以在终端输入flutter run命令运行项目。 修改main.dart中的代码,保存后,在终端输入r,实现热重载。
Studio,执行“Android Studio安装向导”并安装最新的Android SDK、Android SDK工具和Android SDK构建工具,这些都是用Flutter进行Android开发所需要的...; 打开Android Studio软件,找到Plugin的配置,搜索Flutter插件,出现如图所示页面。...六、安装Android Studio:和Windows一样,在Android设备上构建并运行Flutter程序都需要先安装Android Studio。...04开发工具的配置与使用 一、Android studio配置与使用 首先需要安装两个插件,分别是Flutter和Dart插件: Flutter插件:支持Flutter开发工作流(运行、调试、热重载等)...一、连接Android模拟器 在Android模拟器上运行并测试Flutter应用,请按照以下步骤操作: 启动 Android Studio>Tools>Android>AVD Manager 并选择
Android Studio (version 3.5) ✗ Flutter plugin not installed; this adds Flutter specific functionality...[✓] Android Studio (version 3.5) [✓] VS Code (version 1.33.0) [✓] Connected device (1 available) 可以看到...配置 Android 开发环境 Android 也有模拟器跟真机的选择,鉴于 Android 模拟器的性能,我选择了真机。...感受 这次尝试把 iOS 跟 Android 都走通了,Flutter 整体在配置上还是需要一些时间的,比较得支持多个端,需要分别配置环境,如果网络顺畅的话还是比较顺利,关于 Web 文档上还没有出暂时没有尝试...跑起来看 Flutter 在 iOS 模拟器上跑较快,在 Android 上冷启动有点慢。
在 2017年的谷歌 I/O大会上,Google推出了Flutter —— 一款新的用于创建移动应用的开源库。...(四)首先模拟器,然后选择要运行的项目,注意了,这里有一个MainActivity 和 main.dart,选择main.dart,然后点击绿色的三角号图标运行(或者点击菜单栏 Run)就可以了。...(五)运行hello world程序 点击菜单栏Run,选择main.dart,就可以运行到模拟器了,运行效果如图所示,上面是一个AppBar,中间是文本,右下角是一个FloatingActionButton...不管是Android平台,还是ios平台,安装配置好环境,可以把dart代码运行到对应的设备或模拟器上面。刚才的示例中,就是运行的lib目录下的main.dart这个文件。...它是Java JDK 的一部分,当您安装Android Studio时会被一起安装。
Android Studio Android Studio:为Flutter提供完整的集成IDE体验。...等待Android Studio安装SDK并创建项目。...在项目目录中,您的应用程序的代码位于lib / main.dart中。 运行应用程序 1.找到Android Studio的主工具栏: ? 2。...在项目目录中,您的应用程序的代码位于lib / main.dart中。 运行应用程序 检查Android设备是否在运行。 如果没有显示,请参阅设置。...$ flutter devices 使用flutter run命令运行该应用程序: $ flutter run 如果一切正常,在应用程序建成后,您应该在您的设备或模拟器上看到您的初学者应用程序
下载Flutter SDK 解压到 C:\src\flutter 将路径C:\src\flutter\bin 添加到系统变量Path中 下载 Android Studio 安装 并安装Flutter...插件 File > Settings > Plugins 输入Flutter, 会连带Dart插件一起安装 打开Android Studio File > New > New Flutter project...> Flutter Application > Next 填写项目名, 项目保存位置,项目描述 Flutter SDK path 填写 C:\src\flutter 点击Finish 创建AVD...(Android Virtual Device,就是Android运行的虚拟设备) Tools > AVD Manager > Create Virtual Device > 选择手机模拟器的规格,...>Next > 下载一个系统镜像,默认第一个tab第一个选择,Download 配置完编译器 在项目的main.dart 中左键,然后点击运行 在安装AVD 时可能会爆这个错 需要在BIOS中设置
(三) 对Android Studio的要求:需要安装3.0 或者更高的版本。 (四) Flutter支持的sdk环境:Android 4.1(API 16)或者更高版本。...(五) 对Android模拟器镜像的要求:推荐使用x86或者x86_64镜像。...(3)IDE工具的对应版本,比如我的是Android Studio 2.2版本(这个是下载安装的版本),Android Studio 3.2版本(这个是免安装的版本,所以也会显示出来),还有Intellij...七、运行一个demo app Flutter支持的sdk环境:Android 4.1(API 16)或者更高版本。 Android模拟器:推荐使用x86或者x86_64镜像。...(三)首先模拟器,然后选择要运行的项目,注意了,这里有一个MainActivity和main.dart,选择main.dart,然后点击绿色的三角号图标运行(或者点击菜单栏 Run)就可以了。
最近在用flutter开发APP, 总体感觉flutter安装过程对比react native比较顺畅,并且有专门的工具检测开发环境是否配置成功,不成功还有对应的提示; flutter没有css...-stable.zip 3 把flutter添加到命令行 ——终端输入 export PATH=/development/flutter/bin:$PATH ——配置完后可以通过echo $PATH...查看配置结果 4 检测相关的依赖包 ——终端输入 flutter doctor -v ——查看提示信息,按指示安装 ——其中,安卓装好Android Studio后打开plugin,搜索flutter,...——输入 “flutter”,选择 Flutter: New Project. 9 在模拟器中运行app ——安装xcode,并打开模拟器 ——VSCode选择debug > start debug...10 最简单的APP ——修改lib目录下的main.dart import 'package:flutter/material.dart'; void main() { runApp(
我倾向于使用android studio,因为它为flutter应用的开发 提供了一个完备的集成开发环境。你需要在Android studio中安装一个Dard语言插件。...现在启动Android Studio,你会看到初始化Flutter项目的选项: ? 从配置列表中选择**Flutter Application **。 ?...接下来Flutter SDK就会为应用创建一个初始的目录结构,main.dart是应用执行的入口。 ? 2. 编写并测试应用代码 在Flutter中,一切都是控件(widget)。...模拟器: ?...isActive; }); }, ) Dart有个用于异步操作的优雅的模块。我们可以使用其Timer类来实现读秒。
Flutter 目前支持 Android Studio/Intellij/Visual Studio Code/终端&文本编辑器 四种方式来编写, AS 我已经非常熟悉了,为了挑战下自己(no zuo...于是我尝试把 flutter 配置到 bash_profile ,然后发现就行了,我真 TM 是个机智鬼。...试着修改了下 lib/main.dart 文件,然后在终端输入 r ,可以看到可以立马更新到模拟器上,很是快捷。...然后切换到终端,执行 flutter run ,就能跑起项目来啦!(我开着 iOS 模拟器) 在 VS 右下角有个状态栏,展示了一些基本信息,也可以切换设备。 如图: ?...Android Studio 更加顺手 -0-。
它支持在开发期间进行有状态的热重启,这意味着你可以随时对代码进行更改,并观看它们在模拟器或物理设备上的应用,而无需重新启动程序或丢失程序状态。 Flutter 主要关注 iOS 和 Android。...你需要以下工具: Android Studio(Android SDK 管理器和模拟器) Visual Studio Code + Flutter 扩展(或 Android Studio) Node.js...本文中的示例和说明基于 Visual Studio Code,但如果你选择使用 Android Studio,则仍然可以继续学习。...探索 Flutter 天气应用 在编辑器中打开 weather_app_flutter 。让我们仔细看看 main.dart 文件。它包含构成程序用户界面的脚手架和小部件。...Android 模拟器或物理设备无法访问 localhost URL。 探索 Node.js 服务器和天气 API 在编辑器中打开 weather-app-nodejs-server 项目代码。
具体描述:略 (三) 对Android Studio的要求:需要安装3.0 或者更高的版本。...(3)IDE工具的对应版本,比如我的是Android Studio 2.2版本(这个是下载安装的版本),Android Studio 3.2版本(这个是免安装的版本,所以也会显示出来),还有Intellij...错误示范 (二)输入包名,点击next,点击finish,等待编译就可以了。如果没配置好,这个时候往往会报错。...(三)首先模拟器,然后选择要运行的项目,注意了,这里有一个MainActivity 和 main.dart,选择main.dart,然后点击绿色的三角号图标运行(或者点击菜单栏 Run)就可以了。...---- (六)明明开启了模拟器,可是AS就是不显示模拟器,如下图所示: 然后新建了一个API 26的模拟器,然后命令行窗口提示以下错误: ---- (七
(3)IDE工具的对应版本,比如我的是Android Studio 2.2版本(这个是下载安装的版本),Android Studio 3.2版本(这个是免安装的版本,所以也会显示出来),还有Intellij...错误示范 (二)输入包名,点击next,点击finish,等待编译就可以了。如果没配置好,这个时候往往会报错。...(三)首先模拟器,然后选择要运行的项目,注意了,这里有一个MainActivity 和 main.dart,选择main.dart,然后点击绿色的三角号图标运行(或者点击菜单栏 Run)就可以了。...Flutter支持Android Studio、VSCode以及 控制台+文本编辑器 的方式。如果你还安装了VSCode,命令行里面也会列举出来的。...---- (六)明明开启了模拟器,可是AS就是不显示模拟器,如下图所示: 然后新建了一个API 26的模拟器,然后命令行窗口提示以下错误: ----
领取专属 10元无门槛券
手把手带您无忧上云