本篇文章中有很多精美的 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 即可入群哦。
image
网友评论