Flutter进阶 | Flutter 优质练手项目以及优质插件

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

JSONFormat4Flutter:将 JSONObject 格式的 String 解析成 dart 语言的实体类

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

DroidKaigi

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

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

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

The Flutter Planets app tutorial with commits per lesson

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

A working Instagram clone written in Flutter using Firebase / Firestore

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

Flutter Music Player

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

lime: Lime client built using flutter

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

menu_flutter: ? restaurant menu app made with flutter

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

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

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

FlutterCinematic: Flutter clone of my "Cinematic" App

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

FlutterWhatsAppClone: Building a WhatsApp Clone in Flutter

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

Flutter UI Challenges

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

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

A Flutter Plugin to get location, handling callbacks to get continuous location

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

flutter_webview_plugin

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

sqflite: SQLite flutter plugin

Flutter 版本的 SQLlite 插件

flutter_blue: Bluetooth plugin for Flutter

Flutter 版本的蓝牙插件

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

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

---

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

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