美文网首页
创建一个flutter 程序

创建一个flutter 程序

作者: Ella_Eric | 来源:发表于2021-07-07 09:19 被阅读0次

[参考]Flutter教程

创建新应用

本文用的开发工具是Android Studio。关于Flutter开发工具的安装参考官方链接 Flutter教程

  1. 创建project, 如图所示,在Android Studio 的启动界面选择Start a new Flutter project, 或者在Android的菜单栏里面选择File -> New -> New Flutter Project

    image.png
  2. 选择Flutter Application, 点击next。


    image.png
  3. 输入project的名字,这里的名字是my_first_flutter_app, 选择sdk的路径和project的路径,点击next


    image.png
  1. 输入package的名字,点击finish。


    image.png
  2. 创建出来的project 包含以下文件:


    image.png

Android studio 界面,程序代码位于lib/main.dart,已经有一个demo 代码了,可以直接选择device运行。


image.png

运行程序

  1. 定位到Android Studio 工具栏:

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

体验热重载

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

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

你就会立即看到更新后的字符串。

相关文章

网友评论

      本文标题:创建一个flutter 程序

      本文链接:https://www.haomeiwen.com/subject/jpdxfltx.html