Flutter - 组件目录
数据来源：
tmui4xFlutter/packages/tmx_ui/lib/src/components
统计时间：当前仓库版本，共 122 项（含少量辅助文件）。
分类统计
| 分类 | 数量 | 说明 |
|---|---|---|
| basic | 9 | 基础组件 |
| calendar | 4 | 日历与日期视图 |
| chart | 2 | 图表组件 |
| data_display | 27 | 数据展示组件 |
| feedback | 12 | 反馈与弹层 |
| form | 18 | 表单输入组件 |
| gesture | 8 | 手势交互 |
| layout | 2 | 布局组件 |
| media | 4 | 媒体能力 |
| navigation | 3 | 导航组件 |
| other | 20 | 其它扩展 |
| picker | 8 | 选择器组件 |
| rich_text | 2 | 富文本组件 |
| swiper | 3 | 轮播组件 |
组件清单
| 组件标识 | 分类 | 源码路径 | 说明 |
|---|---|---|---|
tmx_badge | basic | basic/tmx_badge.dart | 角标 |
tmx_button | basic | basic/tmx_button.dart | 按钮 |
tmx_divider | basic | basic/tmx_divider.dart | 分割线 |
tmx_icon | basic | basic/tmx_icon.dart | 图标 |
tmx_loading | basic | basic/tmx_loading.dart | 加载态 |
tmx_sheet | basic | basic/tmx_sheet.dart | 容器面板 |
tmx_tag | basic | basic/tmx_tag.dart | 标签 |
tmx_text | basic | basic/tmx_text.dart | 文本 |
remixicon_data | basic | basic/remixicon_data.dart | 图标数据（辅助） |
tmx_calendar_multiple | calendar | calendar/tmx_calendar_multiple.dart | 多选日历 |
tmx_calendar_view | calendar | calendar/tmx_calendar_view.dart | 日历视图 |
tmx_date_view | calendar | calendar/tmx_date_view.dart | 嵌入日期面板 |
tmx_weekbar | calendar | calendar/tmx_weekbar.dart | 周视图导航 |
tmx_chart | chart | chart/tmx_chart.dart | 原生图表容器 |
tmx_echart | chart | chart/tmx_echart.dart | ECharts 封装 |
tmx_avatar_group | data_display | data_display/tmx_avatar_group.dart | 头像组 |
tmx_barrage | data_display | data_display/tmx_barrage.dart | 弹幕 |
tmx_barrage_item | data_display | data_display/tmx_barrage_item.dart | 弹幕项 |
tmx_card | data_display | data_display/tmx_card.dart | 卡片 |
tmx_cascader | data_display | data_display/tmx_cascader.dart | 级联展示 |
tmx_cell | data_display | data_display/tmx_cell.dart | 列表单元格 |
tmx_circle_progress | data_display | data_display/tmx_circle_progress.dart | 圆形进度 |
tmx_collapse | data_display | data_display/tmx_collapse.dart | 折叠面板 |
tmx_collapse_item | data_display | data_display/tmx_collapse_item.dart | 折叠项 |
tmx_countdown | data_display | data_display/tmx_countdown.dart | 倒计时 |
tmx_image | data_display | data_display/tmx_image.dart | 图片 |
tmx_image_group | data_display | data_display/tmx_image_group.dart | 图集 |
tmx_indexbar | data_display | data_display/tmx_indexbar.dart | 索引列表 |
tmx_money | data_display | data_display/tmx_money.dart | 金额格式化 |
tmx_pagination | data_display | data_display/tmx_pagination.dart | 分页 |
tmx_progress | data_display | data_display/tmx_progress.dart | 进度条 |
tmx_rolling_number | data_display | data_display/tmx_rolling_number.dart | 数字翻滚 |
tmx_skeleton | data_display | data_display/tmx_skeleton.dart | 骨架屏 |
tmx_steps | data_display | data_display/tmx_steps.dart | 步骤条 |
tmx_steps_item | data_display | data_display/tmx_steps_item.dart | 步骤子项 |
tmx_table | data_display | data_display/tmx_table.dart | 表格 |
tmx_tree | data_display | data_display/tmx_tree.dart | 树形结构 |
tmx_tree_flat | data_display | data_display/tmx_tree_flat.dart | 平铺树 |
tmx_video | data_display | data_display/tmx_video.dart | 视频展示 |
tmx_virtual_list | data_display | data_display/tmx_virtual_list.dart | 虚拟列表 |
tmx_waterfall | data_display | data_display/tmx_waterfall.dart | 瀑布流 |
tmx_waterfall_item | data_display | data_display/tmx_waterfall_item.dart | 瀑布流项 |
tmx_action_menu | feedback | feedback/tmx_action_menu.dart | 动作菜单 |
tmx_action_modal | feedback | feedback/tmx_action_modal.dart | 动作面板 |
tmx_alert | feedback | feedback/tmx_alert.dart | 提示弹窗 |
tmx_drawer | feedback | feedback/tmx_drawer.dart | 抽屉 |
tmx_empty | feedback | feedback/tmx_empty.dart | 空状态 |
tmx_float_drawer | feedback | feedback/tmx_float_drawer.dart | 浮动抽屉 |
tmx_modal | feedback | feedback/tmx_modal.dart | 模态框 |
tmx_msg_notice | feedback | feedback/tmx_msg_notice.dart | 消息提示 |
tmx_notice | feedback | feedback/tmx_notice.dart | 通知条 |
tmx_overlay | feedback | feedback/tmx_overlay.dart | 遮罩 |
tmx_popover | feedback | feedback/tmx_popover.dart | 气泡菜单 |
tmx_snackbar | feedback | feedback/tmx_snackbar.dart | 消息条 |
tmx_checkbox | form | form/tmx_checkbox.dart | 复选框 |
tmx_code_input | form | form/tmx_code_input.dart | 验证码输入 |
tmx_form | form | form/tmx_form.dart | 表单容器 |
tmx_input | form | form/tmx_input.dart | 输入框 |
tmx_input_number | form | form/tmx_input_number.dart | 数字输入框 |
tmx_input_tag | form | form/tmx_input_tag.dart | 标签输入 |
tmx_keyboard | form | form/tmx_keyboard.dart | 自定义键盘 |
tmx_keyboard_car | form | form/tmx_keyboard_car.dart | 车牌键盘 |
tmx_keyboard_dismisser | form | form/tmx_keyboard_dismisser.dart | 键盘收起控制 |
tmx_keyboard_idcard | form | form/tmx_keyboard_idcard.dart | 身份证键盘 |
tmx_keyboard_number | form | form/tmx_keyboard_number.dart | 数字键盘 |
tmx_mention | form | form/tmx_mention.dart | Mention 输入 |
tmx_radio | form | form/tmx_radio.dart | 单选框 |
tmx_search | form | form/tmx_search.dart | 搜索框 |
tmx_slider | form | form/tmx_slider.dart | 单滑块 |
tmx_slider_double | form | form/tmx_slider_double.dart | 双向滑块 |
tmx_stepper | form | form/tmx_stepper.dart | 步进器 |
tmx_switch | form | form/tmx_switch.dart | 开关 |
tmx_backtop | gesture | gesture/tmx_backtop.dart | 返回顶部 |
tmx_drag | gesture | gesture/tmx_drag.dart | 拖拽容器 |
tmx_drag_item | gesture | gesture/tmx_drag_item.dart | 拖拽项 |
tmx_finger | gesture | gesture/tmx_finger.dart | 手势识别 |
tmx_float_button | gesture | gesture/tmx_float_button.dart | 浮动按钮 |
tmx_pull_refresh | gesture | gesture/tmx_pull_refresh.dart | 下拉刷新 |
tmx_slide_verify | gesture | gesture/tmx_slide_verify.dart | 滑动验证 |
tmx_switch_slider | gesture | gesture/tmx_switch_slider.dart | 左滑菜单 |
tmx_col | layout | layout/tmx_col.dart | 栅格列 |
tmx_row | layout | layout/tmx_row.dart | 栅格行 |
tmx_image_resizer | media | media/tmx_image_resizer.dart | 图片裁剪/压缩 |
tmx_sign_board | media | media/tmx_sign_board.dart | 签名板 |
tmx_upload_file | media | media/tmx_upload_file.dart | 文件上传 |
tmx_upload_media | media | media/tmx_upload_media.dart | 多媒体上传 |
tmx_navbar | navigation | navigation/tmx_navbar.dart | 顶部导航 |
tmx_radio_button | navigation | navigation/tmx_radio_button.dart | 单选按钮组 |
tmx_tabbar | navigation | navigation/tmx_tabbar.dart | 底部导航栏 |
tmx_animation | other | other/tmx_animation.dart | 动画封装 |
tmx_barcode | other | other/tmx_barcode.dart | 条码 |
tmx_devtool | other | other/tmx_devtool.dart | 开发调试工具 |
tmx_dropdown_item | other | other/tmx_dropdown_item.dart | 下拉菜单项 |
tmx_dropdown_menu | other | other/tmx_dropdown_menu.dart | 下拉菜单 |
tmx_grid | other | other/tmx_grid.dart | 宫格 |
tmx_grid_item | other | other/tmx_grid_item.dart | 宫格项 |
tmx_link | other | other/tmx_link.dart | 链接组件 |
tmx_more | other | other/tmx_more.dart | 更多操作 |
tmx_qrcoder | other | other/tmx_qrcoder.dart | 二维码 |
tmx_scrollx | other | other/tmx_scrollx.dart | 横向滚动 |
tmx_slider_menu | other | other/tmx_slider_menu.dart | 滑动菜单 |
tmx_slider_tree | other | other/tmx_slider_tree.dart | 树形滑动菜单 |
tmx_sticky | other | other/tmx_sticky.dart | 吸顶 |
tmx_tabs | other | other/tmx_tabs.dart | Tabs 导航 |
tmx_text_cloud | other | other/tmx_text_cloud.dart | 词云 |
tmx_view_tofull | other | other/tmx_view_tofull.dart | 动态全屏 |
tmx_watermark | other | other/tmx_watermark.dart | 水印 |
barcode_encoders | other | other/barcode_encoders.dart | 条码编码器（辅助） |
qrcode_generator | other | other/qrcode_generator.dart | 二维码生成器（辅助） |
tmx_between_time | picker | picker/tmx_between_time.dart | 时间区间选择 |
tmx_color_view | picker | picker/tmx_color_view.dart | 颜色选择 |
tmx_picker | picker | picker/tmx_picker.dart | 通用选择器 |
tmx_picker_city | picker | picker/tmx_picker_city.dart | 城市选择 |
tmx_picker_date | picker | picker/tmx_picker_date.dart | 日期选择 |
tmx_picker_selected | picker | picker/tmx_picker_selected.dart | 搜索选择 |
tmx_picker_time | picker | picker/tmx_picker_time.dart | 时间选择 |
tmx_picker_view | picker | picker/tmx_picker_view.dart | 选择器容器 |
tmx_editor | rich_text | rich_text/tmx_editor.dart | 富文本编辑器 |
tmx_markdown | rich_text | rich_text/tmx_markdown.dart | Markdown 渲染 |
tmx_swiper | swiper | swiper/tmx_swiper.dart | 轮播 |
tmx_swiper_item | swiper | swiper/tmx_swiper_item.dart | 轮播项 |
维护规则
- 新增组件后，需同步更新本表；
- 组件名统一采用
tmx_前缀； - 说明字段应保持“功能性短句”，便于快速检索。