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开发不太现实。

友情链接
ioDraw流程图
API参考文档
OK工具箱
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:ixiaoyang8@qq.com
QQ群:637538335
关注微信