笔记:flutter中一些流行的 UI 相关库

这篇具有很好参考价值的文章主要介绍了笔记:flutter中一些流行的 UI 相关库。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

载入效果/Loading

loading_animation_widget

https://pub.dev/packages/loading_animation_widget

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter_easyloading

  • https://pub.dev/packages/flutter_easyloading
  • https://nslogx.github.io/flutter_easyloading/#/
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

进度条

step_progress_indicator

https://pub.dev/packages/step_progress_indicator

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

开关/按钮/滑块

action_slider

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

animated_toggle_switch (与 action_slider 类似)

完全可定制的,可拖动的和动画开关,有多种选择和平滑加载动画。它有用于滚动和大小动画的预建构造函数,但它也允许您使用CustomAnimatedToggleSwitch创建自己的开关。
LTR和RTL都受支持。
没有(初始)选择的开关也是可能的。
AnimatedToggleSwitch的大多数生成器参数都有一个标准版本和一个自定义版本。这确保了你可以很容易地开始,并且如果需要的话还可以定制很多。有几种选择来设计它的样式。

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

syncfusion_flutter_sliders

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

toggle_switch

  • https://github.com/PramodJoshi/toggle_switch
  • https://pub.dev/packages/toggle_switch
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

yako_theme_switch

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

日历、时间、日期

table_calendar

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

nepali_date_picker

支持 Bikram Sambat(尼泊尔语)的 MaterialCupertino 风格的日期选择器、日期范围选择器和日历。
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

表单/输入/按钮/挑选

mask_text_input_formatter

https://pub.dev/packages/mask_text_input_formatter

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

country_code_picker

https://pub.dev/packages/country_code_picker

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

dropdown_button2

https://pub.dev/packages/dropdown_button2

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

like_button

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

numberpicker

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

时间轴

timeline_tile

https://pub.dev/packages/timeline_tile

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

文字/文本

flutter_linkify

https://pub.dev/packages/flutter_linkify

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

auto_size_text

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

  • https://github.com/leisim/auto_size_text
  • https://pub.dev/packages/auto_size_text
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

animated_text_kit

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

旋转 淡入淡出 打字机1 打字机2 缩放 着色
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
波浪 闪烁 文本液体填充
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

typewritertext

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

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

rflutter_alert

https://pub.dev/packages/rflutter_alert

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

adaptive_dialog

https://pub.dev/packages/adaptive_dialog

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

搜索

dropdown_search

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

边框

dotted_border

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

启动画面

animated_splash_screen

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

扩展/折叠/抽屉

flutter_zoom_drawer

  • [带有侧边菜单(抽屉)自定义实现的 Flutter 包](带有侧边菜单(抽屉)自定义实现的 Flutter 包)
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

expandable

https://pub.dev/packages/expandable

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter_slidable

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

布局/拖拽/容器

reorderables

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

表格

data_table_2

https://pub.dev/packages/data_table_2

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

权限/验证/校验码

pinput

  • https://pub.dev/packages/pinput
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

pin_code_fields

https://pub.dev/packages/pin_code_fields

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

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

flutter_animate

https://pub.dev/packages/flutter_animate

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

hyper_effects

  • https://hyperdesigned.dev/
  • https://github.com/hyper-designed/hyper_effects
  • https://pub.dev/packages/hyper_effects
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

animations

  • 高质量的 Flutter 预建动画;

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

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

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

  • 容器变换
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

  • 共享轴
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

  • 淡入淡出

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

animate_do

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

intro_slider

https://pub.dev/packages/intro_slider

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

simple_ripple_animation

简单的波纹动画。

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

smooth_page_indicator

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

polaroid_carousel

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

扫描器

flutter_barcode_scanner

https://pub.dev/packages/flutter_barcode_scanner

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

底部导航

convex_bottom_bar

https://pub.dev/packages/convex_bottom_bar

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

animated_bottom_navigation_bar

https://pub.dev/packages/animated_bottom_navigation_bar

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

播放器/查看器

chewie

https://pub.dev/packages/chewie

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

audioplayers

  • https://github.com/bluefireteam/audioplayers
  • https://github.com/bluefireteam/audioplayers/tree/master/packages/audioplayers
  • https://pub.dev/packages/audioplayers
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

3D / 立体 /3维

o3d

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

选项

choice

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

date_picker_plus

  • https://github.com/hasanmhallak/date_picker
  • https://pub.dev/packages/date_picker_plus
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui [flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui]

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

fl_chart

https://pub.dev/packages/fl_chart

https://flchart.dev

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

d_chart

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

percent_indicator

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

chart_sparkline (迷你图)

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

graphic

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

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

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

图标

phosphor-flutter

  • https://phosphoricons.com/
  • https://github.com/phosphor-icons/phosphor-flutter
  • https://pub.dev/packages/phosphor_flutter
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

animate_icons

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter_animated_icons

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

easy_avatar

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

  • https://github.com/jacklee1995/flutter_easy_avatar
  • https://pub.dev/packages/easy_avatar
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

image_editor

  • https://github.com/fluttercandies/flutter_image_editor
  • https://pub.dev/packages/image_editor
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

before_after

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

dash_flags

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

extended_image

  • https://github.com/fluttercandies/extended_image/blob/master/README-ZH.md

Image 扩展组件, 支持加载以及失败显示,缓存网络图片,缩放拖拽图片,图片浏览(微信掘金效果),滑动退出页面(微信掘金效果),编辑图片(裁剪旋转翻转),保存,绘制自定义效果等功能

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

层次/堆叠

https://pub.dev/packages/card_stack_widget

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

抽屉

flutter_slider_drawer

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

  • https://github.com/NikhilVadoliya/Flutter_slider_drawer
  • https://pub.dev/packages/flutter_slider_drawer
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

数据/分页/列表/网格

Infinite Scroll Pagination

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

无分页、可扩展和高度可定制的包,当用户向下滚动屏幕时,帮助您惰性地加载和显示小块项目-称为无限滚动分页、无限滚动分页、自动分页、惰性加载分页、渐进式加载分页等。设计成感觉像 Flutter 框架的一部分。
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与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库,前端、桌面端、移动端、UI、构建工具,Dart语言与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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

awesome_notifications

  • https://github.com/rafaelsetragni/awesome_notifications
  • https://pub.dev/packages/awesome_notifications
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
    腾讯云提供了各个平台基于Flutter的demo:

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

快速入门(Flutter)

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

编辑器

flutter_code_editor

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter_code_editor 是一个多平台代码编辑器,支持:

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

video_editor

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

app_service

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

  • https://pub.dev/packages/app_service
  • https://github.com/jacklee1995/flutter_app_service
    flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

diagram_editor

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

image_editor

见 image_editor

其它

sliver_tools

https://pub.dev/packages/sliver_tools

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter_credit_card

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

velocityx

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

scale_design

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui

api_guide

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

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

flutter ui库,前端、桌面端、移动端、UI、构建工具,Dart语言与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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
  • 从文本生成图像
  • 高质量
  • 超过 10 种风格

首先导入包:

import 'package:brain_fusion/brain_fusion.dart';

然后初始化AI类:

final AI ai = AI();

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

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

显示图像:

Widget brainFusion() {
    return FutureBuilder<Uint8List>(
      // 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库,前端、桌面端、移动端、UI、构建工具,Dart语言与Flutter框架开发笔记,笔记,flutter,ui
使用Flutter设计漂亮的原生Windows应用程序。Flutter的Fluent UI的非官方实现。它是根据官方文件编写的。文章来源地址https://www.toymoban.com/news/detail-611070.html

到了这里,关于笔记:flutter中一些流行的 UI 相关库的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • zdpreact_antdesginpro 研究一下react里面比较流行的一个UI框架,开发后台管理系统

    首先看一下最开始的代码: 这里面大部分的东西都可以删掉,比如README,只留下中文的那个就可以了。 之后看看README.md中介绍的特性。 💡 TypeScript : 应用程序级 JavaScript 的语言 📜 区块 : 通过区块模板快速构建页面 💎 优雅美观 :基于 Ant Design 体系精心设计 📐 常见设计模

    2024年04月11日
    浏览(20)
  • 【Flutter】Flutter 使用 fluent_ui 实现 Windows UI

    当然,我们将按照你的要求分批次输出文章的正文内容。以下是前三个章节的内容: fluent_ui 是一个在 Flutter 中实现 Windows UI 的包。通过使用这个包,开发者可以轻松地在 Flutter 项目中创建出符合 Windows UI 指南的应用程序。本文将详细介绍 fluent_ui 的主要特性和使用方法,帮助

    2024年02月09日
    浏览(14)
  • 最快桌面UI:Siticone Desktop UI 2.1.1 cRACK

    富图尔主义控制   80 多个 .NET UI 组件和控件  现代未来 UI/UX 组件  为 Visual Studio 开发做好准备  无限的免费产品支持案例  超轻量和快速性能  广泛可定制和主题化  低资源消耗和占地面积  免版税开发和部署   NET 的最佳 UI 和 UX 库 从最好的图书馆探索无缝流畅的体验 使

    2024年02月15日
    浏览(17)
  • Flutter系列文章-Flutter UI进阶

    在本篇文章中,我们将深入学习 Flutter UI 的进阶技巧,涵盖了布局原理、动画实现、自定义绘图和效果、以及 Material 和 Cupertino 组件库的使用。通过实例演示,你将更加了解如何创建复杂、令人印象深刻的用户界面。 Row 和 Column 是常用的布局组件,但灵活地使用它们可以带来

    2024年02月13日
    浏览(9)
  • 【Flutter·学习实践·UI篇】基础且重要的UI知识

    参考学习官网:《Flutter实战·第二版》  学习前先记住:Flutter 中万物皆为Widget,心中默念3次以上铭记于心。 这一点和开发语言Dart的变量一切皆是对象的概念,相互对应。 在前面的介绍中,我们知道在Flutter中几乎所有的对象都是一个 widget 。与原生开发中“控件”不同的是

    2024年02月15日
    浏览(11)
  • Unity用鼠标拖拽UI,UI跟随鼠标移动

    先上效果 继承几个拖拽的接口 IBeginDragHandler, IDragHandler,IEndDragHandler 计算下偏移量,转换下坐标系 限制下可拖拽的范围,我设置的是canvas的大小 欢迎大佬多多来给萌新指正,欢迎大家来共同探讨。 如果各位看官觉得文章有点点帮助,跪求各位给点个“一键三连”,谢啦~ 声明

    2024年02月06日
    浏览(25)
  • 桌面应用程序UI框架有哪些

    是一种基于Node.js和Chromium的跨平台框架,可以用于构建桌面应用程序。Electron使用HTML、CSS和JavaScript编写,可以使开发人员使用Web技术开发桌面应用程序,并将其打包为安装程序适用于Windows、Mac和Linux等操作系统。 特点: 跨平台:Electron可以在Windows、Mac和Linux等多个平台上运

    2024年02月10日
    浏览(28)
  • Flutter笔记:桌面端应用多窗口管理方案

    Flutter笔记 桌面端应用多窗口管理方案 作者 : 李俊才 (jcLee95):https://blog.csdn.net/qq_28550263 邮箱 : 291148484@163.com 本文地址 :https://blog.csdn.net/qq_28550263/article/details/134468587 【简介】:文本主要介绍 Flutter 桌面应用开发中多窗口管理。 指导开发者能够更轻松地构建具有多窗口

    2024年02月03日
    浏览(19)
  • Flutter性能优化实践 —— UI篇

    _clickable = false; } if (vCode.isEmpty || vCode.length 6) { _clickable = false; } if (password.isEmpty || password.length 6) { _clickable = false; } setState(() { }); } MyButton( onPressed: _clickable ? _register : null, text: ‘注册’, ) 其实这里可以优化一下。因为现在的每次输入都必定刷新,我们可以在 _clickable 参数有变化

    2024年04月27日
    浏览(9)
  • Flutter的优质UI组件库

    1. Get Widget 国外开发的,应对一些flutter中缺少的组件库 文档地址:https://docs.getwidget.dev 2.Bruno Bruno 是贝壳公司开发的,基于一整套设计体系的 Flutter 组件库。 文档地址:https://bruno.ke.com/page/guide/bruno 3.macos_ui 专注于macOS,实现当前macOS设计的Flutter小部件和主题。 文档地址:h

    2024年02月11日
    浏览(22)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包