Flutter Awesome

UI

网格 (Grid) Material Design 卡片 (Cards) 翻转 (Flip) 布局 (Layout) 启动画面 (Splash Screen) 引导界面 (Intro Screen) 新手引导 (Onboarding) 登录界面 (Login Screen) 时间线 (Timeline) 列表 (List) 视差滚动 (Perallax Scroll) 所有UI

媒体

滑块 (Slider) 地图 (Maps) 图片 (Images) 图库 (Gallery) 电影 (Movie) 音乐 (Music) 轮播 (Carousel) 图表 (Charts) 视频播放器 (Video Player) 音频 (Audio)

元素

动画 (Animation) 计算器 (Calculator) 标签 (Chips) 曲线 (Curves) 时间 (Time) 图标 (Icons) 粘性 (Sticky) SVG 形状 (Shapes) 通知 (Notification) 警告 (Alert) 弹出窗口 (Popup) 对话框 (Dialog) Toast 评分 (Rating) 引用 (Quotes) 头像 (Avatar) 加载 (Loading)

输入

文本框 (Textfield) 表单 (Forms) 输入 (Input) 编辑器 (Editor) Markdown 键盘 (Keyboard) 验证 (Validation) 复选框 (Checkboxes) 日期选择器 (Date Picker) 自动完成 (Autocomplete) 搜索 (Search) 密码 (Password) 待办事项 (Todo) 文本 (Text) 验证 (Verification) 笔记 (Note) 机器学习 (Machine Learning) 选择器 (Picker) 聊天 (Chat)

菜单

导航 (Navigation) 标签栏 (Tabbar) 抽屉 (Drawer) 小部件 (Widgets) 滑动 (Swipe) 滑动 (Slide) 按钮 (Button) 菜单 (Menu)

组件

Pin 书籍 (Books) 日历 (Calendar) 进度 (Progress) 浮动 (Floating) 登录 (Signin) 刷新 (Refresh) 滚动 (Scroll) 通信 (Communication) 身份验证 (Authentication) 过渡 (Transitions) 位置 (Location) 计数器 (Counter) 开发工具 (Dev Tools) 分析 (Analytics) 国际化 (i18n) 评论 (review) 标签 (Tags)

应用

模板 (Templates) 应用 (Apps) 壁纸 (Wallpaper) 天气 (Weather) 游戏 (Games) 新闻 (News) 书籍 (Book) 二维码 (Qrcode) 联系人 (Contacts) 任务 (Task) PDF 蓝牙 (Bluetooth) 国家 (Country) 支付 (Payment) 广告 (AD) 消息 (Messenger) 颜色 (Color) 测验 (Quiz) NFC 其他 (Miscellaneous)

Staggered

一个简单的交错动画项目

2022年6月25日 1 分钟阅读

A simple staggered animation project

动画排序列表

一个简单的交错动画项目。

预览

GitHub

交错 (Staggered)列表 (List)动画 (Animation)

Gable Jobs UI made with flutter

上一篇文章

Gable Jobs UI 使用 Flutter 制作

A Flutter widget displaying list of selectable items

下一篇文章

一个显示可选择项目列表的 Flutter 小部件

您可能还会喜欢……

List Animated Staggered Animations For Flutter

动画

Flutter 列表动画交错动画

Flutter 列表动画交错动画

2021 年 10 月 1 日

Implicitly Animated Reorderable List with Flutter

列表

Flutter 中的隐式动画可重排列表

Flutter 中的隐式动画可重排列表

2022年5月21日

List animations to track your scroll changes on screen or your list first attachment to animated your list items with different transition rules

动画

列表动画，用于跟踪屏幕上的滚动变化或列表的首次附加，通过不同的过渡规则为列表项设置动画

列表动画，用于跟踪屏幕上的滚动变化或列表的首次附加，通过不同的过渡规则为列表项设置动画

2022年3月13日

订阅 Flutter Awesome

将最新帖子直接发送到您的收件箱

标签

应用 2719

UI 692

Dart 480

小部件 433

游戏 285

Firebase 255

动画 242

模板 202

电子商务 189

待办事项 187

API 176

聊天 157

图片 139

登录页 132

追踪器 132

计算器 128

天气 128

电影 125

Bloc 120

登录 119

认证 114

购物 114

Web 113

新闻 112

状态 110

地图 109

音乐播放器 102

文本 102

导航 101

视频 100

近期帖子

WiFi Direct Cable: 轻松离线共享

2025年8月7日

使用 Flutter 编写的移动多人离线纸牌游戏聚合器

2025年3月6日

一个 Flutter 应用，旨在为往年试卷提供结构化访问

2024年8月24日

用于同步字幕与视频和音频播放的 Flutter 包

2024年4月18日

用于无缝管理区块链钱包的综合 Flutter 库

2024年4月16日

关于 | 联系 | 隐私政策 | 提交项目

由 Flutter Awesome 提供支持