本篇文章中有很多精美的 Flutter UI 上手练习项目和优质插件，给各位入门 Flutter 后的小伙伴学习和借鉴。做出适合中国开发者的本地化插件。

在使用 Flutter 的过程中，必不可少的要和 JSON 打交道，JSONFormat4Flutter 借鉴了 GsonFormat 的成功经验，可以快速的把 JSON 数据解析成 Dart 语言的实体类，使你在使用 Dart 编程时，不必因为数据格式转换而烦恼。欢迎 Star 和 Pull Request。

这个项目是2018年2月8日-2月9日在日本举行的 DroidKaigi 开发者大会时制作的非官方 App，是日本开发者对 Flutter 进行的实践。主要功能有：

• 查看所有会议的内容以及时间表
• 添加喜欢的会议到收藏
• 查看会场地图

这是一个有实际用途的 Flutter 应用，有很高的学习和模仿价值。

手把手教你使用 Flutter 制作一个星球 App，README 中有6篇详细的教程，如果你感觉模仿 DroidKaigi 应用有点难度，那么你可以按照这 6 篇教程，一步步的完成自己的第一个 Flutter 应用。

使用 Flutter 和 Firebase 克隆 instagram。这是真正可以使用的 App，照片可以存储在 FireStore，可以详细看一看这个 App 布局部分，怎样优化才能和原生 instagram 布局完全相同。

基于 Material Design 风格设计，在制作这个应用的过程中使用了 Flutter 插件用于抓取歌曲和音乐播放。这个音乐是存贮在 Firebase 上，在中国可以爬取现有的音乐接口进行替换。

这是使用 Flutter 制作的一个社交 App，作者使用的是2017年5月25日的 Flutter 版本，目前项目作者已经不在维护，但是对于学习 Flutter 的我们，还是有很有借鉴意义的。作者写了用于介绍如何制作这个 App。

这应该是所有 App 中最简单的一个，这个菜单 App 包括一下几个特点：

• 背景颜色随着 PageView 的改变而改变
• 可以修改食物价格和数量
• 实现了 PageView 的动画
• 自定义 PageView 阴影效果

是一个非常不错的练手项目。

这个 App 是克隆了 的一部分，接口使用的是 ，重点可以放在模仿信息流的布局上。

克隆的 WhatsApp，应用通过 Firebase 的认证系统进行认证，使用 Firebase 实时数据库实现数据实时互通。

使用 Flutter 实现界面交互上的一些优美动画效果，项目中包含了用户制作的3个 UI 动画效果，每一个都是相当优美的动画。

我在寻找这些 Demo 的过程中，发现一些由第三方开发者为 Flutter 开发的应用插件，在这里同样分享给大家

一个法国的开发者为 Flutter 编写的获取地理位置的插件，基于 Google 地图。主要包括两个功能：获取当前的地理位置；监听当前的地理位置，根据当前地理位置的改变而自动刷新经纬度信息。目前该项目已经在 上线。

让 Flutter 和系统的 Webview 进行通信。

Flutter 版本的 SQLlite 插件

Flutter 版本的蓝牙插件

这就是我在学习 Flutter 过程中看到的很不错的练手项目和插件。希望你们能够喜欢。

PS：我在 仓库中挑选相关的 Packages 的时候，很少看到中国开发者的身影。所以相应的，如果你想在 Flutter 中使用中国特色的相关服务，例如：微信分享、QQ 分享、高德地图、第三方的 OAuth 登录，都需要等上很长时间。当然，这对于我们开发者来说，也是一个机会。如果有开发者在 Flutter Package 中上传相关的 Package 欢迎发布到掘金。我们会让更多开发者知道你上传的 Package 。

掘金现在正在举行 Flutter 相关的征文活动，如果你在7月-8月期间有想写 Flutter 文章的打算，欢迎了解征文详情，投稿即可获得掘金纸质笔记本哦！

我们建立了掘金 Flutter 技术交流群，目前群众已经有280余人。其中包括和等国内第一批使用 Flutter 做实践的技术团队。扫描下方小熊姐微信，回复 flutter 即可入群哦。