Flutter学习指南：编写第一个应用，腾讯T3亲自讲解

这是个系列文章，后面还有很多篇，希望对大家能有帮助。

Flutter 是 Google 推出的移动端跨平台开发框架，使用的编程语言是 Dart。从 React Native 到 Flutter，开发者对跨平台解决方案的探索从未停止，毕竟，它可以让我们节省移动端一半的人力。本篇文章中，我们就通过编写一个简单的 Flutter 来了解他的开发流程。

这里我们要开发的 demo 很简单，只是在屏幕中间放一个按钮，点击的时候，模拟摇两个骰子并弹窗显示结果。我们撸起袖子开干吧。

创建项目

我们这里假定读者已经安装好 Flutter，并且使用安装了 Flutter 插件的 Android Studio 进行开发。如果你还没有配置好开发环境，可以参考玉刚的 这篇文章。

下面我们开始创建项目：

1. 选择 File > New > New Flutter project…
2. 在接下来弹出的选择面板里，选择 Flutter Application
3. 这里填应用的基本信息。Project name 我们就写 flutter_demo 好了。这里要注意的是，Project name 必须是一个合法的 Dart 包名（小写+下划线，可以有数字）。填好以后点击 next，然后 finish。

第一次创建项目时，由于要下载 gradle，时间会稍微长一些。

编写代码（1）

在上一小节里我们所创建的项目，已经有了一些代码，感兴趣的读者可以跑到自己手机上看一看，相关的代码在 lib/main.dart 里面。

为了体验从头开发一个应用的过程，这里我们先把 lib/main.dart 里的内容都删除。

首先，创建一个 main 函数。跟其他语言一样，main 函数是应用的入口：

void main() {
}

下面我们编写一个 Widget 作为我们的 app。在