从新手到Flutter架构师，一篇就够！Flutter 史上最全开源项目（UI、导航、网络、导航、音视频

本文链接：https://blog.youkuaiyun.com/2401_84132723/article/details/138982271

http_multi_server

pub.dartlang.org/packages/ht…

HttpServer包装器，可以用于处理来自多个服务器请求。

ps：关于网络库的详细使用，可以参考我之前文章的介绍：Flutter开发之Http网络请求

序列化

Flutter序列化可以分为手动序列化和使用工具序列化。手动序列化指的是使用 dart:convert 的内置解码器，包括传入 JSON 原始字符串给 JSON.decode() 方法，然后从 Map<String, dynamic> 中查询你需要的数据。自动序列化可以使用诸如json_serializable、built_value、built_value_generator和built_value_test库。

除此之外，如果涉及到json解析，还可以使用codable库，它可以将动态结构化数据（JSON，YAML）转换为Dart类型的库。以下是一些常用的json解析库的比较。

[图片上传失败…(image-6efe5a-1577262083258)]

编码解码

有时候为了数据的安全方面的考虑，会对传输的数据或本地保存的数据进行编解码、加密解密操作，如果有这方面的操作，可以使用下面的库。

ninja

pub.dartlang.org/packages/ni… 在Dart的Converter和Codec接口上完善的AES以及RSA加密解密算法的库。

sqflite

pub.dartlang.org/packages/sq… SQLite的Flutter插件，一个自包含的高可靠性嵌入式SQL数据库引擎。

file_cache

pub.dartlang.org/packages/fi… 为flutter package项目缓存Json、Buffer、FileCacheImage。

图像加载与加工

==========================================================================

图像加载

在Flutter开发中，图像是一个重要的模块，主要是图片的加载和图片的处理。关于加载图片，除了使用Image组件的Image.network 、 FadeInImage.memoryNetwork 来加载图片外，还可以使用如下的一些图片库来加载图片。

cached_network_image

pub.dartlang.org/packages/ca… 一个用于显示来自Internet的图像并将它们保存在缓存目录中的flutter库，可以用来加载和缓存网络图像，也可以与占位符和错误小部件一起使用。

flutter_advanced_networkimage

pub.dartlang.org/packages/fl… 一个高级的图像缓存加载和缩放控制的flutter库。

transparent_image

pub.dartlang.org/packages/tr… 简单的透明图像，表示为Uint8List，在加载图片时可以用来做为占位符。

图像处理

image_jpeg

pub.dartlang.org/packages/im… 用于将图像转jpeg缩放压缩，压缩后再上传图片效率更高。该库最终会调用Android或iOS原生功能进行图片压缩处理，性能较高，支持的源图像格式也很多。

image_picker

pub.dev/packages/im…

根据库名就可以知道，image_picker是一个用于从Android和iOS图像库中选择图像的库，支持使用相机拍摄新照片。

photo

pub.dartlang.org/packages/im… 此库同样可以用于选择图像，支持多选，而且此库是用Flutter做的UI，可以很方便的自定义修改显示样式。

image

pub.dartlang.org/packages/im…

Dart库，提供以各种不同的文件格式加载、保存和操作图像的能力。该库不需要依赖于DART：IO，因此它可以用于服务器和Web应用程序。

flutter_svg

pub.dartlang.org/packages/fl… 可以使用此库来加载svg图像。

zoomable_image

pub.dartlang.org/packages/zo… 一个支持图像查看和手势缩放操作功能的图片库。

image_carousel

pub.dartlang.org/packages/im… 一个用于Flutter图像展示的控件，与官方提供的Image组件相比，image_carousel支持左右划动来切换上一张下一张图像，并且image_carousel还结合了zoomable_image的功能，因此可以点击后缩放查看图片，除此之外，image_carousel还支持Asset和网络图像。

carousel_slider

pub.dartlang.org/packages/ca… 从名字就可以知道，carousel_slider是一个支持手势划动的库，使用此库可以通过手势划动来切换图像组件，并且此库还支持自动播放图像。

parallax_image

pub.dartlang.org/packages/pa… 视差图像可以与任何可滚动（例如ListVIEW）一起使用，让放在滚动区域内的图像滚动时看起来更平滑。

camera

pub.dartlang.org/packages/ca… 用于获取Android和iOS系统相机的信息，支持预览相机馈送和捕捉图像，同时支持录制视频。

消息通知

=======================================================================

flutter_local_notifications

pub.dartlang.org/packages/fl… 一个可以跨平台显示本地notifications的插件，支持android和iOS平台。

local_notifications

pub.dartlang.org/packages/lo… 使用此库可以在Android和iOS上很容易的创建Notifications通知。

url_launcher

pub.dartlang.org/packages/ur… 可以在Android和iOS上启动URL，支持打开网络、电话、短信和电子邮件等方案。

firebase_messaging

pub.dartlang.org/packages/fi… 一款跨平台的消息传递解决方案，可让您在Android和iOS上可靠地传递消息。

event_bus

pub.dartlang.org/packages/ev… 使用Dart流进行解耦应用程序的简单事件总线的库，和Android中的事件总线机制类似，内部使用了广播机制。

视频与音频

========================================================================

在Flutter开发中，可能会涉及到视频和音频的播放开发，除了使用Flutter提供的组件外，还可以使用一些开源的第三方库。

video_player

pub.dartlang.org/packages/vi… 官方维护的视频播放插件，用于在Android和iOS上与其他Flutter窗口小部件一起显示内嵌视频。

video_launcher

pub.dartlang.org/packages/vi… 主要用于视频播放器。

flute_music_player

pub.dartlang.org/packages/fl… 基于Flutter的音乐播放器与音频插件播放，支持本地音乐文件播放。

audioplayer

pub.dartlang.org/packages/au… 一个播放远程或本地音频文件Flutter音频插件。

audioplayers

pub.dartlang.org/packages/au… audioplayer的一个分支，不同之处在于它支持同时播放多个音频并显示音量控制。

其他

=====================================================================

除此之外，如地图、二维码、图表库、权限库和分享等，也是平时开发中遇到比较多的需要。

地图

map_view

pub.dartlang.org/packages/ma… 一个用于在iOS和Android上显示谷歌地图的Flutter插件。

flutter_map

pub.dartlang.org/packages/fl… 基于leaflet的Flutter地图包。

location

pub.dartlang.org/packages/lo… 处理Android和iOS上的位置，提供位置更改时的回调。

latlong

pub.dartlang.org/packages/la… LatLong是一个计算通用的纬度和经度的轻量级库。

二维码

qr_flutter

pub.dartlang.org/packages/qr… qr_flutter是一个用于二维码的Flutter库，可通过Widget或自定义Paint进行简单快速的QR码渲染。

barcode_scan

pub.dartlang.org/packages/ba… barcode_scan是一个用于扫描2D条形码和QRCodes的Flutter插件。

qrcode_reader

pub.dartlang.org/packages/qr… qrcode_reader是一个使用相机读取二维码的Flutter插件。

图表库

很多时候，图表开发也是一个比较常见的开发需求，如果有图表方面的开发需求，可以使用如下的开源库。

charts-common

pub.dartlang.org/packages/ch… Material Design风格的图表库。

charts-flutter

pub.dartlang.org/packages/ch… 通用的图表库组件，提供基本的柱状图，折线图，饼图等。

flutter_circular_chart

pub.dartlang.org/packages/fl… 一个让你使用flutter轻松创建的动画圆形图控件的库。

权限

在开发中，如果要向系统申请某个权限，可以使用权限库去申请。

simple_permissions

pub.dartlang.org/packages/si… 一个用于android和ios的请求权限的库。

flutter_simple_permissions

pub.dartlang.org/packages/fl… Flutter权限申请的库。

分享统计支付

pub.dartlang.org/packages/sh… 支持分享的flutter插件。

flutter_umeng_analytics

pub.dartlang.org/packages/fl… 友盟的分享和统计库。

flutter_qq

pub.dartlang.org/packages/fl… 集成了QQ登录、QQ分享、QQ空间分享等功能的库。

flutter_wechat

pub.dartlang.org/packages/fl… 集成了微信，支持微信登录、分享、支付等功能的库。

flutter_alipay

pub.dartlang.org/packages/fl… 实现了调用支付宝进行支付的功能，兼容android和iOS。

开源应用源码

=========================================================================

学习一门技术，最有效的入门就是学习完基础知识后，写一个小的应用。作为今年最热门的跨平台技术（没有之一），网络上出现了一大批开源的应用源码，通过阅读这些源码，我们可以快速的深入Flutter应用开发。

flutter-go

github.com/alibaba/flu…

由阿里巴巴前端技术团队开发的Flutter 开发者帮助 APP，包含 flutter 常用 140+ 组件的demo 演示与中文文档，是学习Flutter开发的必备手册。

gsy_github_app_flutter

github.com/CarGuo/GSYG… GSYGithubApp系列的优势：我们目前已经拥有Flutter、Weex、ReactNative、kotlin 四个版本。功能齐全，项目框架内技术涉及面广，完成度高，持续维护，配套文章，适合全面学习，对比参考。跨平台的开源Github客户端App，更好的体验，更丰富的功能，旨在更好的日常管理和维护个人Github，提供更好更方便的驾车体验Σ(￣。￣ﾉ)ﾉ。