Flutter 入门二:创建新的项目、打开现有项目

Flutter 系列文章 总体目录

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

交流

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。

同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。

Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值