笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

03-27 阅读 0评论

笔记:flutter中一些流行的 UI 相关库(不断更新)

  • CSDN:https://jclee95.blog.csdn.net
  • 本文收录了很多在 flutter pub 上显示流行度较高的第三方UI库和UI框架,对它们的效果进行了截图,目的是方便开发时进行查找;
  • 这些模块多数来自于 flutter pub 官方主页 Flutter Favorites、Most popular packages、Top Flutter packages
  • 也有一些仅仅只 popularity 值比较高
  • 本文给出了图片和链接,并不介绍各个模块的用法,需要使用的读者可以点击链接到对应库的页面查看

    flutter中一些流行的 UI 相关库

    • 笔记:flutter中一些流行的 UI 相关库(不断更新)
      • 载入效果/Loading
        • loading_animation_widget
        • flutter_easyloading
        • 进度条
          • step_progress_indicator
          • 开关/按钮/滑块
            • action_slider
            • animated_toggle_switch (与 action_slider 类似)
            • syncfusion_flutter_sliders
            • load_switch
            • toggle_switch
            • yako_theme_switch
            • 日历、时间、日期
              • table_calendar
              • nepali_date_picker
              • 表单/输入/按钮/挑选
                • mask_text_input_formatter
                • country_code_picker
                • dropdown_button2
                • like_button
                • numberpicker
                • 时间轴
                  • timeline_tile
                  • 文字/文本
                    • flutter_linkify
                    • auto_size_text
                    • animated_text_kit
                    • typewritertext
                    • 弹框/对话框/警告/alert/dialog
                      • rflutter_alert
                      • adaptive_dialog
                      • 搜索
                        • dropdown_search
                        • 边框
                          • dotted_border
                          • 启动画面
                            • animated_splash_screen
                            • 扩展/折叠/抽屉
                              • flutter_zoom_drawer
                              • expandable
                              • flutter_slidable
                              • 布局/拖拽/容器
                                • reorderables
                                • 表格
                                  • data_table_2
                                  • 权限/验证/校验码
                                    • pinput
                                    • pin_code_fields
                                    • 特效/动画/轮播/幻灯片
                                      • flutter_animate
                                      • hyper_effects
                                      • animations
                                      • animate_do
                                      • intro_slider
                                      • simple_ripple_animation
                                      • smooth_page_indicator
                                      • polaroid_carousel
                                      • 扫描器
                                        • flutter_barcode_scanner
                                        • 底部导航
                                          • convex_bottom_bar
                                          • animated_bottom_navigation_bar
                                          • 播放器/查看器
                                            • chewie
                                            • photo_view
                                            • audioplayers
                                            • 3D / 立体 /3维
                                              • o3d
                                              • 选项
                                                • choice
                                                • date_picker_plus
                                                • 图表
                                                  • charts_painter
                                                  • fl_chart
                                                  • community_charts
                                                  • d_chart
                                                  • percent_indicator
                                                  • chart_sparkline (迷你图)
                                                  • graphic
                                                  • 图标
                                                    • phosphor-flutter
                                                    • font_awesome_flutter
                                                    • animated_icon_button
                                                    • animate_icons
                                                    • flutter_animated_icons
                                                    • 图片
                                                      • image_compare_slider
                                                      • easy_avatar
                                                      • image_editor
                                                      • before_after
                                                      • dash_flags
                                                      • extended_image
                                                      • 层次/堆叠
                                                        • https://pub.dev/packages/card_stack_widget
                                                        • flutter_card_swiper
                                                        • 抽屉
                                                          • flutter_slider_drawer
                                                          • 数据/分页/列表/网格
                                                            • Infinite Scroll Pagination
                                                            • flutter_staggered_grid_view
                                                            • 通知
                                                              • flutter_local_notifications
                                                              • awesome_notifications
                                                              • 主题
                                                                • flex_color_scheme
                                                                • flex_color_picker
                                                                • 消息推送相关
                                                                  • flutter_native_badge
                                                                  • tim_ui_kit_push_plugin
                                                                  • 编辑器
                                                                    • flutter_code_editor
                                                                    • flutter_quill
                                                                    • video_editor
                                                                    • quill_html_editor
                                                                    • app_service
                                                                    • diagram_editor
                                                                    • image_editor
                                                                    • 其它
                                                                      • sliver_tools
                                                                      • flutter_credit_card
                                                                      • velocityx
                                                                      • flutter_pdfview
                                                                      • introduction_screen
                                                                      • flutter_tilt
                                                                      • scale_design
                                                                      • flutter_context_menu
                                                                      • api_guide
                                                                      • Liquid Swipe
                                                                      • Brain_fusion
                                                                      • fluent_ui

                                                                        载入效果/Loading

                                                                        loading_animation_widget

                                                                        https://pub.dev/packages/loading_animation_widget

                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新),笔记:flutter中一些流行的 UI 相关库推荐(不断更新),词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,使用,访问,人工智能,第1张
                                                                        (图片来源网络,侵删)

                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                        flutter_easyloading

                                                                        • https://pub.dev/packages/flutter_easyloading
                                                                        • https://nslogx.github.io/flutter_easyloading/#/

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          进度条

                                                                          step_progress_indicator

                                                                          https://pub.dev/packages/step_progress_indicator

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新),笔记:flutter中一些流行的 UI 相关库推荐(不断更新),词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,使用,访问,人工智能,第8张
                                                                          (图片来源网络,侵删)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                          开关/按钮/滑块

                                                                          action_slider

                                                                          • https://github.com/splashbyte/action_slider
                                                                          • https://pub.dev/packages/action_slider

                                                                            用于确认操作并在后续加载后提供有关操作成功的反馈的滑块。LTR且RTL均受支持。

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)
                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            animated_toggle_switch (与 action_slider 类似)

                                                                            完全可定制的,可拖动的和动画开关,有多种选择和平滑加载动画。它有用于滚动和大小动画的预建构造函数,但它也允许您使用CustomAnimatedToggleSwitch创建自己的开关。

                                                                            LTR和RTL都受支持。

                                                                            没有(初始)选择的开关也是可能的。

                                                                            AnimatedToggleSwitch的大多数生成器参数都有一个标准版本和一个自定义版本。这确保了你可以很容易地开始,并且如果需要的话还可以定制很多。有几种选择来设计它的样式。

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            syncfusion_flutter_sliders

                                                                            Flutter Sliders包是用于创建高度交互式和UI丰富的slider组件,以便在Flutter应用程序中进行过滤。

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                            • https://github.com/syncfusion/flutter-widgets/tree/master/packages/syncfusion_flutter_sliders
                                                                            • https://pub.dev/packages/syncfusion_flutter_sliders

                                                                              load_switch

                                                                              加载开关

                                                                              • https://github.com/esentis/load_switch
                                                                              • https://pub.dev/packages/load_switch

                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                toggle_switch

                                                                                • https://github.com/PramodJoshi/toggle_switch
                                                                                • https://pub.dev/packages/toggle_switch
                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                  yako_theme_switch

                                                                                  • https://github.com/yako-dev/flutter-yako-theme-switch
                                                                                  • https://pub.dev/packages/yako_theme_switch

                                                                                    只是您应用程序主题的一个很酷的开关

                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                    日历、时间、日期

                                                                                    table_calendar

                                                                                    • 适用于 Flutter 的高度可定制、功能丰富的日历小部件;
                                                                                    • https://pub.dev/packages/table_calendar;
                                                                                    • https://pub.dev/documentation/table_calendar/latest/

                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                      nepali_date_picker

                                                                                      支持 Bikram Sambat(尼泊尔语)的 Material 和 Cupertino 风格的日期选择器、日期范围选择器和日历。

                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                      表单/输入/按钮/挑选

                                                                                      mask_text_input_formatter

                                                                                      https://pub.dev/packages/mask_text_input_formatter

                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                      country_code_picker

                                                                                      https://pub.dev/packages/country_code_picker

                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                      dropdown_button2

                                                                                      https://pub.dev/packages/dropdown_button2

                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                      like_button

                                                                                      • 允许您创建一个带有类似于 Twitter 心脏的动画效果的按钮,当您点赞时,动画效果可以增加点赞数。
                                                                                      • https://pub.dev/packages/like_button

                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                        numberpicker

                                                                                        • NumberPicker 是一个自定义小部件,设计用于通过滚动微调器选择整数或小数。
                                                                                        • https://pub.dev/packages/numberpicker

                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                          时间轴

                                                                                          timeline_tile

                                                                                          https://pub.dev/packages/timeline_tile

                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                          文字/文本

                                                                                          flutter_linkify

                                                                                          https://pub.dev/packages/flutter_linkify

                                                                                          将文本 URL 和电子邮件转换为 Flutter 文本中可点击的内联链接。

                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                          auto_size_text

                                                                                          自动调整文本大小,以完全符合其边界的Flutter组件。

                                                                                          • https://github.com/leisim/auto_size_text
                                                                                          • https://pub.dev/packages/auto_size_text

                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                            animated_text_kit

                                                                                            • 包含一些很酷且很棒的文本动画的集合。
                                                                                            • https://pub.dev/packages/animated_text_kit
                                                                                            • https://animated-text-kit.web.app/

                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                              旋转淡入淡出打字机1打字机2缩放着色
                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)
                                                                                              波浪闪烁文本液体填充
                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                              typewritertext

                                                                                              • https://github.com/Nialixus/typewritertext.git
                                                                                              • https://pub.dev/packages/typewritertext

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                弹框/对话框/警告/alert/dialog

                                                                                                rflutter_alert

                                                                                                https://pub.dev/packages/rflutter_alert

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                adaptive_dialog

                                                                                                https://pub.dev/packages/adaptive_dialog

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                搜索

                                                                                                dropdown_search

                                                                                                • https://pub.dev/packages/dropdown_search

                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                  边框

                                                                                                  dotted_border

                                                                                                  • https://github.com/ajilo297/Flutter-Dotted-Border
                                                                                                  • https://pub.dev/packages/dotted_border

                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                    启动画面

                                                                                                    animated_splash_screen

                                                                                                    • https://pub.dev/packages/animated_splash_screen

                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                      扩展/折叠/抽屉

                                                                                                      flutter_zoom_drawer

                                                                                                      • [带有侧边菜单(抽屉)自定义实现的 Flutter 包](带有侧边菜单(抽屉)自定义实现的 Flutter 包)

                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                        expandable

                                                                                                        https://pub.dev/packages/expandable

                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                        flutter_slidable

                                                                                                        • https://github.com/letsar/flutter_slidable
                                                                                                        • https://pub.dev/packages/flutter_slidable

                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                          布局/拖拽/容器

                                                                                                          reorderables

                                                                                                          • 各种可重新排序(又称为拖放)的 Flutter 小部件,包括可重新排序的表格、行、列、换行和条列表,使它们的子项可拖动并在小部件内重新排序。
                                                                                                          • https://pub.dev/packages/reorderables

                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                            表格

                                                                                                            data_table_2

                                                                                                            https://pub.dev/packages/data_table_2

                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                            权限/验证/校验码

                                                                                                            pinput

                                                                                                            • https://pub.dev/packages/pinput
                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                              pin_code_fields

                                                                                                              https://pub.dev/packages/pin_code_fields

                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                              特效/动画/轮播/幻灯片

                                                                                                              flutter_animate

                                                                                                              https://pub.dev/packages/flutter_animate

                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                              hyper_effects

                                                                                                              • https://hyperdesigned.dev/
                                                                                                              • https://github.com/hyper-designed/hyper_effects
                                                                                                              • https://pub.dev/packages/hyper_effects

                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                animations

                                                                                                                • 高质量的 Flutter 预建动画;

                                                                                                                • 该包包含预制动画,可实现常见的所需效果。动画可以根据您的内容进行自定义,并放入您的应用程序中以使用户满意。

                                                                                                                • https://pub.dev/packages/animations

                                                                                                                • https://codelabs.developers.google.com/codelabs/material-motion-flutter

                                                                                                                • 容器变换

                                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                • 共享轴

                                                                                                                  ![在这里插入图片描述](https://img-blog.csdnimg.cn/1c9e2e816e414f03bdb5460db9bc47d4.gif#pic_center 600x)

                                                                                                                • 淡入淡出

                                                                                                                  ![在这里插入图片描述](https://img-blog.csdnimg.cn/f908a090f9b14d1d9e62bca60c5a0899.png#pic_center 600x)

                                                                                                                  animate_do

                                                                                                                  • https://fernando-herrera.com/
                                                                                                                  • https://github.com/Klerith/animate_do_package
                                                                                                                  • https://pub.dev/packages/animate_do

                                                                                                                    一个受 Animate.css 启发的动画包,仅使用 Flutter 动画构建,零依赖。

                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                    intro_slider

                                                                                                                    https://pub.dev/packages/intro_slider

                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                    simple_ripple_animation

                                                                                                                    简单的波纹动画。

                                                                                                                    • https://github.com/jemisgoti/simple_ripple_animation
                                                                                                                    • https://pub.dev/packages/simple_ripple_animation

                                                                                                                      该软件包提供波纹动画小部件,可以自定义以满足您的需求。它易于设置和自定义,并且无论您选择什么颜色,它看起来都很漂亮。

                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                      smooth_page_indicator

                                                                                                                      • 可定制的动画页面指示器,具有一组内置效果;
                                                                                                                      • https://pub.dev/packages/smooth_page_indicator

                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                        polaroid_carousel

                                                                                                                        用于创建具有从前到后或从后到前滑动的项目动画的宝丽来风格轮播。使用此包以有趣且交互式的方式显示您的内容,为您的 Flutter 应用增添一丝怀旧气息。

                                                                                                                        • https://github.com/Ultranmus/polaroid_carousel
                                                                                                                        • https://pub.dev/packages/polaroid_carousel

                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                          扫描器

                                                                                                                          flutter_barcode_scanner

                                                                                                                          https://pub.dev/packages/flutter_barcode_scanner

                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                          底部导航

                                                                                                                          convex_bottom_bar

                                                                                                                          https://pub.dev/packages/convex_bottom_bar

                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                          animated_bottom_navigation_bar

                                                                                                                          https://pub.dev/packages/animated_bottom_navigation_bar

                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                          播放器/查看器

                                                                                                                          chewie

                                                                                                                          https://pub.dev/packages/chewie

                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                          photo_view

                                                                                                                          • 适用于 Flutter 的简单可缩放图像/内容小部件;
                                                                                                                          • PhotoView 使图像能够通过用户手势(例如捏合、旋转和拖动)进行缩放和平移。它还可以显示任何小部件而不是图像,例如容器、文本或 SVG;
                                                                                                                          • 尽管使用起来非常简单,但 PhotoView 的选项和控制器是高度可定制的;
                                                                                                                          • https://pub.dev/packages/photo_view
                                                                                                                          • https://pub.dartlang.org/documentation/photo_view/latest/photo_view/PhotoView-class.html

                                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                            audioplayers

                                                                                                                            • https://github.com/bluefireteam/audioplayers
                                                                                                                            • https://github.com/bluefireteam/audioplayers/tree/master/packages/audioplayers
                                                                                                                            • https://pub.dev/packages/audioplayers

                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                              3D / 立体 /3维

                                                                                                                              o3d

                                                                                                                              • https://github.com/babakcode/o3d
                                                                                                                              • https://pub.dev/packages/o3d

                                                                                                                                这是一个用于以glTF和 GLB格式渲染交互式 3D 模型的Flutter组件。

                                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                选项

                                                                                                                                choice

                                                                                                                                • https://davigmacode.github.io/flutter_choice
                                                                                                                                • https://pub.dev/packages/choice

                                                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                  date_picker_plus

                                                                                                                                  • https://github.com/hasanmhallak/date_picker
                                                                                                                                  • https://pub.dev/packages/date_picker_plus

                                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                    图表

                                                                                                                                    charts_painter

                                                                                                                                    • Web demo https://infinum.github.io/flutter-charts/
                                                                                                                                    • https://github.com/infinum/flutter-charts
                                                                                                                                    • https://pub.dev/packages/charts_painter

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)[笔记:flutter中一些流行的 UI 相关库推荐(不断更新)]

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                      fl_chart

                                                                                                                                      https://pub.dev/packages/fl_chart

                                                                                                                                      https://flchart.dev

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                      community_charts

                                                                                                                                      • 用原生 Dart 编写的 Material Design 数据可视化库。
                                                                                                                                      • https://pub.dev/packages/community_charts_flutter
                                                                                                                                      • https://juliansteenbakker.github.io/community_charts/flutter/gallery.html
                                                                                                                                      • https://github.com/juliansteenbakker/community_charts
                                                                                                                                      • Apache-2.0

                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                        d_chart

                                                                                                                                        • 此包的目的是使用 community_charts_flutter 中的图表的简单方法;
                                                                                                                                        • https://pub.dev/packages/d_chart
                                                                                                                                        • Apache-2.0

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                          percent_indicator

                                                                                                                                          • https://pub.dev/packages/percent_indicator

                                                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                            chart_sparkline (迷你图)

                                                                                                                                            • Flutter 的精美迷你图;
                                                                                                                                            • https://pub.dev/packages/chart_sparkline

                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                              graphic

                                                                                                                                              • https://github.com/entronad/graphic
                                                                                                                                              • https://pub.dev/packages/graphic

                                                                                                                                                Graphic是一个数据可视化语法和Flutter图表库。

                                                                                                                                                • 灵活的声明性语法:这种可视化语法源自Leland Wilkinson的《图形语法》,并试图在理论美感和实用性之间取得平衡。数据处理步骤和标记形状可以在声明性规范中自由组合,不限于某些图表类型。并且形状绘制方法是可定制的。
                                                                                                                                                • 交互:通过事件和选择定义,图表具有高度交互性,例如突出显示所选项目、弹出工具提示或缩放坐标。
                                                                                                                                                • 动画:构建或更改图表时可以设置标记过渡动画。入口动画有多种形式。
                                                                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                  图标

                                                                                                                                                  phosphor-flutter

                                                                                                                                                  • https://phosphoricons.com/
                                                                                                                                                  • https://github.com/phosphor-icons/phosphor-flutter
                                                                                                                                                  • https://pub.dev/packages/phosphor_flutter

                                                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                    font_awesome_flutter

                                                                                                                                                    • https://github.com/fluttercommunity/font_awesome_flutter

                                                                                                                                                    • https://pub.dev/packages/font_awesome_flutter

                                                                                                                                                      animated_icon_button

                                                                                                                                                      • https://github.com/Frezyx/animated_icon_button
                                                                                                                                                      • https://pub.dev/packages/animated_icon_button

                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                        animate_icons

                                                                                                                                                        • https://github.com/Aman-Malhotra/animate_icons
                                                                                                                                                        • https://pub.dev/packages/animate_icons

                                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                          flutter_animated_icons

                                                                                                                                                          • https://github.com/iconforest/flutter_animated_icons
                                                                                                                                                          • https://pub.dev/packages/flutter_animated_icons

                                                                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                            图片

                                                                                                                                                            image_compare_slider

                                                                                                                                                            • https://github.com/cgutierr-zgz/image_compare_slider
                                                                                                                                                            • https://pub.dev/packages/image_compare_slider

                                                                                                                                                              受react-compare-slider的启发,这个包允许你用一个滑块轻松地比较两个图像。

                                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                              easy_avatar

                                                                                                                                                              是一个多功能头像插件,该插件可以轻松实现圆形、圆角矩形等形状;可以实现头像出境效果(利用边框的层级关系);也可以轻松地实现文字头像功能。

                                                                                                                                                              • https://github.com/jacklee1995/flutter_easy_avatar
                                                                                                                                                              • https://pub.dev/packages/easy_avatar
                                                                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                image_editor

                                                                                                                                                                • https://github.com/fluttercandies/flutter_image_editor
                                                                                                                                                                • https://pub.dev/packages/image_editor

                                                                                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                  before_after

                                                                                                                                                                  • https://github.com/xsahil03x/before_after
                                                                                                                                                                  • https://pub.dev/packages/before_after

                                                                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                    dash_flags

                                                                                                                                                                    • https://github.com/moazelsawaf/dash_flags
                                                                                                                                                                    • https://pub.dev/packages/dash_flags

                                                                                                                                                                      一个展示国家和语言旗帜的飘动包🌍.这个包提供了一组小部件和枚举来显示国家和语言的旗帜,灵感来自埃及的Mohamed Ashraf为Laravel设计的blade-flags包。这个包使用了推特上TwEmoji国家和语言的旗帜

                                                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                      extended_image

                                                                                                                                                                      • https://github.com/fluttercandies/extended_image/blob/master/README-ZH.md
                                                                                                                                                                      • Image 扩展组件, 支持加载以及失败显示,缓存网络图片,缩放拖拽图片,图片浏览(微信掘金效果),滑动退出页面(微信掘金效果),编辑图片(裁剪旋转翻转),保存,绘制自定义效果等功能

                                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                        层次/堆叠

                                                                                                                                                                        https://pub.dev/packages/card_stack_widget

                                                                                                                                                                        一种用于 Flutter 应用的垂直可拆卸和可定制的卡堆叠。

                                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                        flutter_card_swiper

                                                                                                                                                                        这是一个类似 Tinder 刷卡器的 Flutter 包。它允许您向左、向右、向上、向下滑动,并为每个方向定义您自己的业务逻辑。非常流畅的动画,支持 Android、iOS、Web 和桌面。

                                                                                                                                                                        • https://github.com/ricardodalarme/flutter_card_swiper
                                                                                                                                                                        • https://pub.dev/packages/flutter_card_swiper

                                                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                          抽屉

                                                                                                                                                                          flutter_slider_drawer

                                                                                                                                                                          带有滑块抽屉菜单自定义实现的 Flutter 包。

                                                                                                                                                                          • https://github.com/NikhilVadoliya/Flutter_slider_drawer
                                                                                                                                                                          • https://pub.dev/packages/flutter_slider_drawer

                                                                                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                            数据/分页/列表/网格

                                                                                                                                                                            Infinite Scroll Pagination

                                                                                                                                                                            • https://github.com/EdsonBueno/infinite_scroll_pagination
                                                                                                                                                                            • https://pub.dev/packages/infinite_scroll_pagination

                                                                                                                                                                              无分页、可扩展和高度可定制的包,当用户向下滚动屏幕时,帮助您惰性地加载和显示小块项目-称为无限滚动分页、无限滚动分页、自动分页、惰性加载分页、渐进式加载分页等。设计成感觉像 Flutter 框架的一部分。

                                                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                              flutter_staggered_grid_view

                                                                                                                                                                              • https://github.com/letsar/flutter_staggered_grid_view
                                                                                                                                                                              • https://pub.dev/packages/flutter_staggered_grid_view

                                                                                                                                                                                提供 Flutter 栅格布局的集合。

                                                                                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                通知

                                                                                                                                                                                flutter_local_notifications

                                                                                                                                                                                • https://github.com/MaikuB/flutter_local_notifications/tree/master/flutter_local_notifications
                                                                                                                                                                                • https://pub.dev/packages/flutter_local_notifications

                                                                                                                                                                                  用于显示本地通知的跨平台插件。

                                                                                                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                  awesome_notifications

                                                                                                                                                                                  • https://github.com/rafaelsetragni/awesome_notifications
                                                                                                                                                                                  • https://pub.dev/packages/awesome_notifications

                                                                                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                    在Flutter上使用定制的本地和推送通知吸引用户。获得实时事件,通过令人惊叹的通知从不错过用户交互。

                                                                                                                                                                                    主要特点:

                                                                                                                                                                                    • 创建自定义通知:使用Awesome通知为您的Flutter应用程序轻松创建和自定义本地和推送通知。
                                                                                                                                                                                    • 吸引用户:通过发送包含图像、声音、颜文字、按钮和许多不同布局的通知,让用户参与到你的应用中。
                                                                                                                                                                                    • 实时事件:接收用户创建、显示、解除或点击的通知的Flutter级别代码上的实时事件。
                                                                                                                                                                                    • 高度可定制:通过一系列可定制选项,包括翻译,您可以定制通知以满足您的特定需求。
                                                                                                                                                                                    • 预定通知:以秒级精度重复或在特定时间安排通知,让您的用户保持最新状态。
                                                                                                                                                                                    • 值得信赖的性能:在任何应用程序生命周期中都能放心地接收通知。
                                                                                                                                                                                    • 易于使用:通过易于使用的界面,您可以在几分钟内开始创建自定义通知。

                                                                                                                                                                                      主题

                                                                                                                                                                                      flex_color_scheme

                                                                                                                                                                                      弹性颜色方案:

                                                                                                                                                                                      • 使用FlexColorScheme制作基于 Flutter Material Design 的漂亮主题。应用可选的表面混合,并使用 Material-3 风格的种子配色方案。返回的主题是标准ThemeData对象。
                                                                                                                                                                                      • https://pub.dev/packages/flex_color_scheme
                                                                                                                                                                                      • https://rydmike.com/colorscheme
                                                                                                                                                                                      • https://rydmike.com/flexcolorscheme/themesplayground-v7-1/#/

                                                                                                                                                                                        flex_color_picker

                                                                                                                                                                                        弹性颜色选择器

                                                                                                                                                                                        • FlexColorPicker 是 Fl​​utter 的可定制颜色选择器。可以ColorPicker显示六种不同类型的颜色选择器,其中三种用于标准 Flutter Material Design 2 颜色及其色调。用于挑选的物品的尺寸和样式可以定制。
                                                                                                                                                                                        • 选择器还可以选择生成 Material Design 3 颜色系统精确的色调调色板,使用选择器中任何选定的颜色作为生成色调调色板的关键颜色。然后也可以从生成的色调调色板中选取颜色。 有关 Material 3 颜色系统和色调调色板的更多信息,请参阅 Material 3 设计指南网站。
                                                                                                                                                                                        • https://pub.dev/packages/flex_color_picker

                                                                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                          消息推送相关

                                                                                                                                                                                          flutter_native_badge

                                                                                                                                                                                          iOS和macOS上本机badge APIs的包装器。它允许你改变你的应用程序图标的徽章,通过设置计数,显示红点,清除徽章,并获得当前的徽章计数。

                                                                                                                                                                                          它目前支持iOS和macOS。其他平台尚不支持。

                                                                                                                                                                                          • https://pub.dev/packages/flutter_native_badge
                                                                                                                                                                                          • https://github.com/isaacadariku/flutter_native_badge/tree/master/flutter_native_badge#flutter_native_badge
                                                                                                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                            tim_ui_kit_push_plugin

                                                                                                                                                                                            • https://pub.dev/packages/tim_ui_kit_push_plugin

                                                                                                                                                                                              这个是 腾讯云 推出的 Flutter 消息推送插件。

                                                                                                                                                                                              使用 腾讯云 IM 厂商推送 Flutter 集成插件 的 离线推送 能力,可快速接入主流厂商(苹果 iOS / Google FCM / OPPO / VIVO / 华为 / 小米 / 魅族 / 荣耀)的离线推送。腾讯云除了消息推送外,还提供了 UI 相关一整套方案。

                                                                                                                                                                                              其中文文档地址为:

                                                                                                                                                                                              • https://cloud.tencent.com/document/product/269/74605

                                                                                                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                腾讯云提供了各个平台基于Flutter的demo:

                                                                                                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                快速入门(Flutter)

                                                                                                                                                                                                快速入门(用 Flutter 快速集成至您现有原生应用)

                                                                                                                                                                                                编辑器

                                                                                                                                                                                                flutter_code_editor

                                                                                                                                                                                                • https://github.com/akvelon/flutter-code-editor
                                                                                                                                                                                                • https://pub.dev/packages/flutter_code_editor

                                                                                                                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                  flutter_code_editor 是一个多平台代码编辑器,支持:

                                                                                                                                                                                                  • 100 多种语言的语法高亮显示,
                                                                                                                                                                                                  • 代码块折叠,
                                                                                                                                                                                                  • 自动完成,
                                                                                                                                                                                                  • 只读代码块,
                                                                                                                                                                                                  • 隐藏特定的代码块,
                                                                                                                                                                                                  • 主题,
                                                                                                                                                                                                  • 以及许多其他功能。

                                                                                                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                    flutter_quill

                                                                                                                                                                                                    • https://1o24bbs.com/c/bulletjournal/108
                                                                                                                                                                                                    • https://github.com/singerdmx/flutter-quill
                                                                                                                                                                                                    • https://pub.dev/packages/flutter_quill

                                                                                                                                                                                                      FlutterQuill 是一个富文本编辑器和Flutter的Quill组件。该库是一个 WYSIWYG(所见即所得)编辑器,专为现代 Android、iOS、Web 和桌面平台而构建。

                                                                                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                      video_editor

                                                                                                                                                                                                      • https://github.com/LeGoffMael/video_editor
                                                                                                                                                                                                      • https://pub.dev/packages/video_editor

                                                                                                                                                                                                        一个视频编辑器,允许编辑(修剪,裁剪,旋转和缩放)和选择一个非常灵活的用户界面设计的封面。该库提供了一些工具来执行导出。这个库只用Dart编写,但使用了video_thumbnail 等外部包,这使得它目前只能在iOS和Android平台上使用(web支持目前正在进行中)。

                                                                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                        quill_html_editor

                                                                                                                                                                                                        • https://github.com/the-airbender/quill_html_editor
                                                                                                                                                                                                        • https://pub.dev/packages/quill_html_editor

                                                                                                                                                                                                          Quill Html Editor 是一款功能强大的 HTML 富文本编辑器,专为 Android、iOS 和 Web 平台设计。它利用 QuillJs 库(一个开源 WYSIWYG 编辑器)的功能,为现代 Web 应用程序提供功能丰富的编辑体验。

                                                                                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                          app_service

                                                                                                                                                                                                          App Service 是一个基于 GetX 的应用服务,提供应用级别的管理服务,如主题管理、深色模式管理和本地化管理。

                                                                                                                                                                                                          • https://pub.dev/packages/app_service
                                                                                                                                                                                                          • https://github.com/jacklee1995/flutter_app_service

                                                                                                                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                            diagram_editor

                                                                                                                                                                                                            • https://github.com/Arokip/flutter_diagram_editor
                                                                                                                                                                                                            • https://pub.dev/packages/diagram_editor

                                                                                                                                                                                                              Flutter 图表编辑器库,用于显示和编辑自定义类型的图表。它提供了DiagramEditor 小部件以及自定义所有编辑器设计和行为的可能性。

                                                                                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                              image_editor

                                                                                                                                                                                                              见 image_editor

                                                                                                                                                                                                              其它

                                                                                                                                                                                                              sliver_tools

                                                                                                                                                                                                              https://pub.dev/packages/sliver_tools

                                                                                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                              flutter_credit_card

                                                                                                                                                                                                              • 允许您通过卡检测轻松实现信用卡的 UI。

                                                                                                                                                                                                              • https://pub.dev/packages/flutter_credit_card

                                                                                                                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                velocityx

                                                                                                                                                                                                                • https://velocityx.dev/
                                                                                                                                                                                                                • https://pub.dev/packages/velocity_x
                                                                                                                                                                                                                • https://github.com/iampawan/VelocityX

                                                                                                                                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                  flutter_pdfview

                                                                                                                                                                                                                  • 适用于 iOS 和 Android 的本机 PDF 视图
                                                                                                                                                                                                                  • https://pub.dev/packages/flutter_pdfview

                                                                                                                                                                                                                    introduction_screen

                                                                                                                                                                                                                    简介屏幕允许您在应用程序首次启动时显示一个屏幕,例如解释您的应用程序。这个小部件非常可定制,设计精美。

                                                                                                                                                                                                                    • https://github.com/pyozer/introduction_screen
                                                                                                                                                                                                                    • https://pub.dev/packages/introduction_screen

                                                                                                                                                                                                                      笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                      flutter_tilt

                                                                                                                                                                                                                      • https://github.com/fluttercandies/flutter_tilt/blob/main/README-ZH.md
                                                                                                                                                                                                                      • https://pub.dev/packages/flutter_tilt
                                                                                                                                                                                                                      • Demo:https://amoshuke.github.io/flutter_tilt_book/#/Example

                                                                                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                        笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                        scale_design

                                                                                                                                                                                                                        一个移动端 UI 框架和组件库,提供了设计师尺寸适配方案以及相应的各种组件。

                                                                                                                                                                                                                        • https://github.com/jacklee1995/flutter_scale_design
                                                                                                                                                                                                                        • https://pub.dev/packages/scale_design

                                                                                                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                          笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                          flutter_context_menu

                                                                                                                                                                                                                          • https://github.com/salah-rashad/flutter_context_menu
                                                                                                                                                                                                                          • https://pub.dev/packages/flutter_context_menu

                                                                                                                                                                                                                            为在Flutter应用程序中创建和显示上下文菜单提供了一个灵活的、可定制的解决方案 的 一个Flutter库。它允许您轻松地将上下文菜单添加到您的UI中,为用户提供了一种方便的方式来访问特定于所选项或区域的附加选项和操作。

                                                                                                                                                                                                                            笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                            api_guide

                                                                                                                                                                                                                            • https://github.com/jemisgoti/simple_ripple_animation
                                                                                                                                                                                                                            • https://pub.dev/packages/api_guide

                                                                                                                                                                                                                              用于生成 API 调用文档例如 OpenAPI 架构 的Flutter 包。

                                                                                                                                                                                                                              笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                              Liquid Swipe

                                                                                                                                                                                                                              Liquid swipe 是一款揭示性的剪辑器,可以像滑动到堆叠的容器/小部件一样产生令人惊叹的液体,其灵感来自 Cuberto 的 Liquid swipe 和 IntroViews。

                                                                                                                                                                                                                              • https://github.com/iamSahdeep/liquid_swipe_flutter
                                                                                                                                                                                                                              • https://pub.dev/packages/liquid_swipe

                                                                                                                                                                                                                                笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                                Brain_fusion

                                                                                                                                                                                                                                Fusion Brain AI 是一种新的人工智能艺术生成工具,只需文本提示即可创建令人惊叹的图像。Fusion Brain AI 还可以对现有图像进行变体。

                                                                                                                                                                                                                                • https://fusionbrain.ai/diffusion
                                                                                                                                                                                                                                • https://github.com/dj-yacine-flutter/brain_fusion
                                                                                                                                                                                                                                • https://pub.dev/packages/brain_fusion

                                                                                                                                                                                                                                  笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                                • 从文本生成图像
                                                                                                                                                                                                                                • 高质量
                                                                                                                                                                                                                                • 超过 10 种风格

                                                                                                                                                                                                                                  首先导入包:

                                                                                                                                                                                                                                  import 'package:brain_fusion/brain_fusion.dart';
                                                                                                                                                                                                                                  

                                                                                                                                                                                                                                  然后初始化AI类:

                                                                                                                                                                                                                                  final AI ai = AI();
                                                                                                                                                                                                                                  

                                                                                                                                                                                                                                  获取 Uint8List 形式的图像(PNG 格式):

                                                                                                                                                                                                                                  Future generate(String query) async {
                                                                                                                                                                                                                                    Uint8List image = await ai.runAI(query, AIStyle.anime);
                                                                                                                                                                                                                                    return image;
                                                                                                                                                                                                                                  }
                                                                                                                                                                                                                                  

                                                                                                                                                                                                                                  显示图像:

                                                                                                                                                                                                                                  Widget brainFusion() {
                                                                                                                                                                                                                                      return FutureBuilder(
                                                                                                                                                                                                                                        // Call the generate() function to get the image data
                                                                                                                                                                                                                                        future: generate('YOUR TEXT'), 
                                                                                                                                                                                                                                        builder: (context, snapshot) {
                                                                                                                                                                                                                                          if (snapshot.connectionState == ConnectionState.waiting) {
                                                                                                                                                                                                                                            // While waiting for the image data, display a loading indicator
                                                                                                                                                                                                                                            return const CircularProgressIndicator();
                                                                                                                                                                                                                                          } else if (snapshot.hasError) {
                                                                                                                                                                                                                                            // If an error occurred while getting the image data, display an error
                                                                                                                                                                                                                                            return Text('Error: ${snapshot.error}');
                                                                                                                                                                                                                                          } else if (snapshot.hasData) {
                                                                                                                                                                                                                                            // If the image data is available, display the image using Image.memory()
                                                                                                                                                                                                                                            return Image.memory(snapshot.data!);
                                                                                                                                                                                                                                          } else {
                                                                                                                                                                                                                                            // If no data is available, display a placeholder or an empty container
                                                                                                                                                                                                                                            return Container();
                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                        },
                                                                                                                                                                                                                                      );
                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                  

                                                                                                                                                                                                                                  fluent_ui

                                                                                                                                                                                                                                  • https://bdlukaa.github.io/fluent_ui/#/
                                                                                                                                                                                                                                  • https://github.com/bdlukaa/fluent_ui
                                                                                                                                                                                                                                  • https://pub.dev/packages/fluent_ui

                                                                                                                                                                                                                                    笔记:flutter中一些流行的 UI 相关库推荐(不断更新)

                                                                                                                                                                                                                                    使用Flutter设计漂亮的原生Windows应用程序。Flutter的Fluent UI的非官方实现。它是根据官方文件编写的。


免责声明
本网站所收集的部分公开资料来源于AI生成和互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
评论列表 (暂无评论,人围观)

还没有评论,来说两句吧...

目录[+]