美文网首页谷歌-FlutterflutterFlutter Developer
Flutter进阶 | Flutter 优质练手项目以及优质插件

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

作者: 5fc9b6410f4f | 来源:发表于2018-07-18 17:32 被阅读944次

    本篇文章中有很多精美的 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

    相关文章

      网友评论

        本文标题:Flutter进阶 | Flutter 优质练手项目以及优质插件

        本文链接:https://www.haomeiwen.com/subject/dmhapftx.html