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

最新推荐文章于 2024-07-24 00:41:29 发布

yjqdn82212

最新推荐文章于 2024-07-24 00:41:29 发布

阅读量579

点赞数 15

分类专栏：程序员文章标签： flutter 开源 ui

本文链接：https://blog.csdn.net/yjqdn82212/article/details/137421815

版权

程序员专栏收录该内容

467 篇文章 2 订阅

订阅专栏

本文介绍了Flutter开发中常用的第三方库，包括UI展示、富文本处理、动画、屏幕适配、日历、时间选择、颜色选择、导航、网络与数据序列化、数据库、图像加载与加工、消息通知、视频音频、地图、图表等领域的库和工具。

摘要由CSDN通过智能技术生成

dev_dependencies:
flutter_test:
sdk: flutter

flutter:
uses-material-design: true

其中，我们依赖的第三方库就放在dependencies节点下面。

UI展示

富文本

flutter_html_view

pub.dartlang.org/packages/fl… 默认情况下，Flutter是没有提供显示Html的组件的，所以如果要显示Html，需要使用三方的包，这个包可以将html呈现给原生的Widget。类似于Android的jsoup插件。

flutter_html_textview

pub.dartlang.org/packages/fl… 将html呈现为一个Widget，在textview中呈现html。

MarkDown

flutter_markdown

pub.dartlang.org/packages/ma…

使用Dart编写的支持Markdown查看的库，它可以在客户端和服务器上将Markdown解析为HTML。

markdown

pub.dartlang.org/packages/ma… 用Dart编写的便携式Markdown库。它可以在客户端和服务器上将Markdown解析为HTML。

html2md

pub.dartlang.org/packages/ht… 一个支持将html转换为MarkDown的插件。

动画

flutter_villains

pub.dartlang.org/packages/fl… 一个页面切换动画的库，可以简化动画操作，使用时只需要管理好UI即可。

屏幕适配

platform_aware

pub.dartlang.org/packages/pl… 为自动适应当前平台而包装的Flutter组件，不需要对iOS和Android进行代码更改。所有小部件都依赖于Theme.of(context).platform来确定当前活动平台的平台。你可以使用Flutter Inspector动态地更改平台。

native_widgets

pub.dartlang.org/packages/na… 为避免重复代码，只编写一次代码就可以支持两个平台并自动根据平台自动使用对应风格组件，Android将使用材料设计，iOS将使用Cupertino风格的小部件。

日历、时间选择库

flutter_calendar

pub.dartlang.org/packages/fl… Flutter的日历组件库，由于调用的是原生的组件库，所以在显示上略有差异。

calendarro

https://pub.dartlang.org/packages/calendarro

Flutter的日历组件库，这个库提供了多种自定义组件的方法。

flutter_picker

pub.dartlang.org/packages/fl… 一个日期，时间，日期时间，icon，自定义数据的选择器，可以居中弹窗，也可以在底部弹出。（目前来看是最全面的一个选择器控件。该插件支持ios和android平台，使用的是ios的风格的UI效果。）

颜色选择

flutter_color_picker

pub.dartlang.org/packages/fl… 一个简单的颜色选择器，类似于安卓的selector的功能，可以在点击控件时，给控件设置选择器效果。

flutter_colorpicker

pub.dartlang.org/packages/fl… 一个HSV的颜色选择器。

导航栏

navigation_bar

pub.dartlang.org/packages/na… 简易的底部导航栏库

fluro

pub.dartlang.org/packages/fl… 最好用的路由导航框架。功能：简单的路线导航；函数处理程序（映射到函数而不是路径）；通配符参数匹配；查询字符串参数解析；内置常用转换；简单的定制转换创建。

网络与数据序列化

网络请求

http

pub.dartlang.org/packages/ht… github.com/dart-lang/h… http是使用Dart原生编写的网络请求库，可以轻松的实现HTTP资源请求，并且它与平台无关，可以在命令行和浏览器上使用。

HttpClient

HttpClient是Dart IO库提供的一种Http请求，可以实现一些基本的Http请求。不过，HttpClient只能实现一些基本的网络请求，对应一些复杂的网络请求还无法完成，如POST里的Body请求体传输内容类型部分还无法支持，multipart/form-data这个类型传输还不支持。

dio

pub.dartlang.org/packages/di…

Dart社区提供的http请求库，不仅支持常见的网络请求，还支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时等操作。

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解析库的比较。

编码解码

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

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和网络图像。