您的位置:首页 > 移动开发 > Android开发

开始使用-初尝胜果

2018-03-11 00:00 351 查看
摘要: 开始使用-初尝胜果

本页介绍如何“测试驱动器”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概念。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Flutter Dart Android iOS