阅读 7296

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 即可入群哦。

关注下面的标签,发现更多相似文章
评论