flutter图标按钮_android studio 工具创建Flutter项目的方法总结

Flutter语言最近还是挺火的,火到做前端的小伙伴应该都知道,如果看文的您不知道,可以关注我,后面我会陆续写文章来介绍这门语言,把自己的学习过程都展现到文章里面了。

Android Studio 创建Flutter项目的入口

如果看了我上篇文章Androidsutdio搭建Flutter开发环境的人应该知道Androidstudio安装Flutter开发插件的方法,如果安装成功后,打开AndroidStudio在首页会看到如下红圈里面的图片:

a7a18afa2180d032c49c8665ee4d870b.png

Flutter

就是点击 Start a new Flutter project 按钮,弹出如下界面,这个界面是选择Flutter的类型,

  1. Flutter Application
  2. Flutter Plugin
  3. Flutter Package
  4. Flutter Module

这4个选择分别代表不同的项目,作为新手的我们也不用在乎每个都要看懂,目前我们主要是学习Flutter 所以选择第一个来创建一个项目就行了。

e5fd085194263354ca5a0286803a2ae3.png

Flutter项目新建页面

Flutter项目存在本地选择位置

上面点击下一步,进入下面的界面:

9d5a22c6c1afa89fc0cd777d8c9947a4.png

这个界面主要是项目的名字,Flutter语言的SDK。和项目的描述,一般填写一个名字和Flutter的目录就可以点击Finish。

运行应用程序

  1. 定位到Android Studio 工具栏:
c30798e19af9b59c1016d5a2ebde018f.png
  1. target selector 中, 选择一个运行该应用的Android设备. 如果没有列出可用,请选择 Tools>Android>AVD Manager 并在那里创建一个
  2. 在工具栏中点击 Run图标, 或者调用菜单项 Run > Run.
  3. 如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序:
4075c69da8217bf48ade3c5eb7f6e807.png

体验热重载

Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态(译者语:如果是一个web开发者,那么可以认为这和webpack的热重载是一样的)。简单的对代码进行更改,然后告诉IDE或命令行工具你需要重新加载(点击reload按钮),你就会在你的设备或模拟器上看到更改。

  1. 将字符串
  2. 'You have pushed the button this many times:' 更改为
  3. 'You have clicked the button this many times:'
  4. 不要按“Stop”按钮; 让您的应用继续运行。
  5. 要查看您的更改, 只需调用 Save All (cmd-s / ctrl-s), 或点击 热重载按钮 (带有闪电⚡️图标的按钮).

好了今天就写到这儿了,我们的Flutter项目就创建完了,后续就在这个项目里面写了。喜欢欢迎关注

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值