Flutter 系列文章 总体目录 <https://blog.csdn.net/mengks1987/article/details/84868953>
文章目录
* 1、创建新的Flutter项目
<https://blog.csdn.net/mengks1987/article/details/84585517#1Flutter_3>
* 2、打开现有的代码 <https://blog.csdn.net/mengks1987/article/details/84585517#2_24>
* 3、运行 <https://blog.csdn.net/mengks1987/article/details/84585517#3_35>
<>1、创建新的Flutter项目
1、File->New->New Flutter Project:
2、弹出如下对话框
选择application,点击next
直接next
这里红框里面支持Kotlin和Swift需要的话勾选上,点击finish,新的项目就创建完成了目录如下:
android:android原生代码
ios:ios原生代码
lib:flutter代码
test:测试代码可以没有
看看android里面的代码:
android里面就一个MainActivity,这是一容器,承载flutter。
<>2、打开现有的代码
File->Open
注意我们打开的目录,不要选择里面的android。
打开后会提示我们没有配置Dart,点击Open Dart setting:
勾选上
Dart SDK path在flutter/bin/cache/dart-sdk
<>3、运行
这个时候我们运行app看看效果
第一个是我们运行的设备,可以选择针剂,第二个是Dart的入口,绿色的三角就是运行按钮,第一次运行可能要下载环境,时间和网络有关系,成功后在虚拟机上的效果:
实际体验效果挺好的,下一章我们说说如何混合开发,毕竟我们也在摸索阶段,全部用flutter开发不太现实。
热门工具 换一换