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)。

同时也