开始使用-初尝胜果

2019独角兽企业重金招聘Python工程师标准>>>

本页介绍如何“测试驱动器”Flutter：从我们的模板创建一个新的Flutter应用程序，运行它，并学习如何使用Hot Reload进行更改。

Flutter是一个灵活的工具包，所以请首先选择您的开发工具来编写，构建和运行您的Flutter应用程序。

Android Studio

Android Studio：为Flutter提供完整的集成IDE体验。

创建新的应用

• 选择File>New Flutter Project
• 选择 Flutter application程序作为项目类型，然后按下一步
• 输入项目名称（例如myapp），然后按下一步
• 点击Finish
• 等待Android Studio安装SDK并创建项目。

上述命令创建一个名为myapp的Flutter项目目录，其中包含一个使用Material Components的简单演示应用程序。

在项目目录中，您的应用程序的代码位于lib / main.dart中。

运行应用程序

1.找到Android Studio的主工具栏：

2。在目标选择器中，选择一个运行该应用的Android设备。 如果没有列出可用，请选择Tools>Android>AVD Manager并在那里创建一个。 有关详细信息，请参阅管理AVD。
3.单击工具栏中的Run图标，或调用菜单项Run > Run。
4.如果一切正常，您应该在您的设备或模拟器上看到您的初学者应用程序：

尝试一个热重新加载

Flutter提供快速开发周期和热重载，可重新加载实时运行应用的代码而无需重新启动或丢失应用状态。 只需对源代码进行更改，告诉IDE或命令行工具即可重新加载，并查看模拟器，仿真器或设备中的更改。

 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），或单击Hot Reload按钮（带有闪电图标的按钮）。
您应该几乎立即在运行的应用程序中看到更新的字符串。

命令行+自选编辑器

命令行+编辑器：您选择的编辑与Flutter的命令行工具结合运行和建设。

创建新的应用
使用flutter create命令创建一个新项目：

$ flutter create myapp
$ cd myapp

上述命令创建一个名为myapp的Flutter项目目录，其中包含一个使用Material Components的简单演示应用程序。

在项目目录中，您的应用程序的代码位于lib / main.dart中。

运行应用程序

• 检查Android设备是否在运行。 如果没有显示，请参阅设置。

• $ flutter devices

• 使用flutter run命令运行该应用程序：

• $ flutter run

• 如果一切正常，在应用程序建成后，您应该在您的设备或模拟器上看到您的初学者应用程序：
• 

尝试一个热重新加载

Flutter提供快速开发周期和热重载，可重新加载实时运行应用的代码而无需重新启动或丢失应用状态。 只需对源代码进行更改，告诉IDE或命令行工具即可重新加载，并查看模拟器，仿真器或设备中的更改。

 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），或单击Hot Reload按钮（带有闪电图标的按钮）。
您应该几乎立即在运行的应用程序中看到更新的字符串。

下一步
让我们通过创建一个小应用来学习一些核心的Flutter概念。

转载于:https://my.oschina.net/u/3647851/blog/1632873