# Codelab - 使用 Flutter 编写跨平台的移动应用

![封面图](https://cdn.hashnode.com/res/hashnode/image/upload/v1656080939756/s7CqOUcbb.jpg align="left")

今年春天，我们[进行过一次 Flutter 的 Codelab](http://gdgxian.org/2018/03/04/event-201803/)，那时 Flutter 才刚刚进入 beta 版本，最近，Flutter [发布了 Preview 1](https://medium.com/flutter-io/flutter-release-preview-1-943a9b6ee65a?linkId=53249457)，离 1.0 又迈进了一大步。我们是时候进行第二次 Flutter Codelab 啦！

喜欢移动应用开发，对移动应用开发感兴趣的你，记得报名，并带着笔记本电脑来和我们一起愉快的编程。

### 活动内容

| 时间 | 内容 |
| ----| ---- |
| 13:30 - 13:40 | 自我介绍 |
| 13:40 - 14:00 | Flutter 简介及真实案例分享 |
| 14:10 - 16:30 | 使用 Flutter 编写一个可交互的列表 Demo |

本次 Codelab 使用的教程是：Write Your First Flutter App。最终效果如下图所示。

![最终效果图](https://cdn.hashnode.com/res/hashnode/image/upload/v1656080988408/pI3cffGrt.jpg align="left")

这个 Codelab 分为两节，完成第一节是底线，第二节是挑战，对活动感兴趣的话，可以提前预习一下。

Google Codelab 线上地址

-   [Write Your First Flutter App, part 1](https://codelabs.developers.google.com/codelabs/first-flutter-app-pt1/index.html?index=..%2F..%2Findex)
-   [Write Your First Flutter App. part 2](https://codelabs.developers.google.com/codelabs/first-flutter-app-pt2/index.html?index=..%2F..%2Findex)

PDF 版本下载地址

-   [Write Your First Flutter App, part 1](https://www.jianguoyun.com/p/DUuCQfMQ3_SZBhidsmA)
-   [Write Your First Flutter App. part 2](https://www.jianguoyun.com/p/DVp_hf8Q3_SZBhifsmA)

现场编程的时间有限，请尽量提前准备好开发工具和环境

-   笔记本电脑和电源适配器（我们会提供插座）
-   [安装 Android Studio 及其 Dart, Flutter 插件](https://flutter.io/get-started/install/)
-   我们会提供纯净水和一次性水杯，如果你喜欢用自己的水杯，记得带上

### 活动日期

2018年7月14日 星期六 13:30 至 16:30

### 活动地点

西安市南二环69号，西安创新设计中心307室（[泥巴创客空间](http://f.amap.com/22CR6_06A56rX)）

![西安创新设计中心](https://cdn.hashnode.com/res/hashnode/image/upload/v1656081027342/I-ldiVPpg.jpg align="left")

### 报名方式

-   [Meetup 入口](https://www.meetup.com/GDG-Xian/events/252398935/)
-   [金数据入口](https://jinshuju.net/f/AxaDGT)

### 参考资料

-   [Flutter 官网](https://flutter.io/)
-   [Flutter 中文网](https://flutterchina.club/)
-   [Dart 官网](http://www.dart.org/)
-   [Awesome Flutter](https://github.com/Solido/awesome-flutter)

### 特别说明

-   GDG 西安的活动，均为免费活动，提交报名表即表示报名成功。
-   如果你还没有加入 GDG 西安微信群，可以联系群主微信 greatghoul 请求加入，注名 GDG 西安。

### 合作机构

![泥巴创客空间](https://cdn.hashnode.com/res/hashnode/image/upload/v1656081103711/0ov0NCkE6.png align="left")