第一个Flutter程序-Android Studio篇

本文将通过Android Studio创建第一个Flutter应用。

创建Project

在Android Studio的启动页面,选择“Start a new Flutter project”,如下图1所示:

图1 开始

点击“Next”,接下来会有新建项目的类型选择,我们选择“Flutter Application”,如下图2所示:

图2 选择项目类型

点击“Next”,选择完项目类型后,就是配置基本的项目信息,如下图3所示:

图3 配置基本信息

需要注意的是,这里的“Project name”是不能含有大写的,所以我们使用xxx_xx_xx规则进行命名。
点击“Next”,之后到设置包名的步骤,如下图4所示:

图4 包名配置

完成以上步骤之后点击“Finish”,到此一个使用Android Studio创建的Flutter Project创建完成。

运行

使用Android Studio顶部的run按钮即可把项目运行到相应的设备上,如下图5所示:

图5

在Android Studio中可以选择Android设备,也可以选择iOS设备,如果你需要打包进iOS真机,务必配置iOS开发者证书,而打包iOS模拟器是不需要的,设备列表如下图6所示:

图6 设备列表

运行到iOS设备

运行到iOS模拟器设备如下图7所示:

图7 iOS模拟器运行效果图

此时控制台输出信息如下图8所示:

图8 运行到iOS模拟器控制台输出信息

前面提到运行到iOS真机需要配置开发者证书的,这个默认证书是跟Mac系统绑定的,在iOS开发者账户后台设置的。
这个证书配置完毕后可以打包进iOS真机,此时控制台输出的信息略有不同,如下图9所示:

图9 运行到iOS真机控制台输出信息

运行到Android设备

运行到Android模拟器设备如下图10所示:

图10 Android运行到模拟器效果图

此时控制台输出信息如下图11所示:

图11 运行到Android模拟器控制台输出信息

小结

到此利用Android Studio创建第一个Flutter程序完成。
最后附上一个和谐的画面。

文章作者: Kevin Wu
文章链接: https://kevinwu.cn/p/481e31a6/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 KevinWu.CN
支付宝打赏