创建 Flutter 应用

Posted Flutter开发

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了创建 Flutter 应用相关的知识,希望对你有一定的参考价值。

android Studio Setup

下载安装最新版本的 Android Studio

安装 Flutter 和 Dart 插件

Flutter 应用开发需要 Flutter  Dart 2个插件的支持

  1. 打开 Android Studio

  2. 打开 Preferences 页面并搜索 Plugins

  3. 点击 Browser repositories ,选择 Flutter Plugin 并点击 Install

  4. 如果提示安装 Dart 插件,请点击 Yes 

  5. 点击 Restart 重启 Android Studio

安装 VS Code (强烈推荐)

安装最新版本的 VS Code

安装 Flutter 插件

  1. 启动 VS Code

  2. 打开 View -> Command Palette…

  3. 输入 Install 并选择 Extensions: Install Extension 选项

  4. 在搜索框输入 flutter, 在列表中选中 Flutter, 然后点击安装

  5. 选择 Reload 重新加载 VS Code

创建新的应用

使用 flutter create 创建一个新项目

$ flutter create myapp
$ cd myapp

运行你的应用

请在运行一下命令是保证有打开的模拟器或者链接了设备

flutter run

如果一切正常你就可以看到一个 Material Design 的页面了

Hot reload

打开 lib/main.dart,稍作修改,然后保存。这时候回到你的设备会看到页面已经更新了。
在命令行里输入 r,然后回车

到这里你就可以学习到如果新建一个 Flutter 应用了。


以上是关于创建 Flutter 应用的主要内容,如果未能解决你的问题,请参考以下文章

FLUTTER:多屏应用的本地化

在 webview_flutter 中启用捏合和缩放,在哪里添加代码片段 [this.webView.getSettings().setBuiltInZoomControls(true);]

Flutterflutter doctor 报错Android license status unknown. Run `flutter doctor --android-licenses‘(代码片段

flutter解决 dart:html 只支持 flutter_web 其他平台编译报错 Avoid using web-only libraries outside Flutter web(代码片段

Flutter 报错 DioError [DioErrorType.DEFAULT]: Bad state: Insecure HTTP is not allowed by platform(代码片段

Flutter 布局备忘录