首页
/ TDesign Flutter 0.1.9版本发布:全新组件与体验升级

TDesign Flutter 0.1.9版本发布:全新组件与体验升级

2025-07-10 23:19:56作者:苗圣禹Peter

项目简介

TDesign Flutter是腾讯开源的企业级设计体系TDesign在Flutter平台的实现,它为开发者提供了一套美观、一致且高效的UI组件库。作为腾讯内部多个产品线的设计规范,TDesign Flutter继承了TDesign的设计理念,同时针对Flutter框架的特点进行了优化和适配。

全新组件登场

本次0.1.9版本带来了多个全新组件,极大地丰富了开发者的工具箱:

1. Progress进度条组件

Progress组件提供了多种样式的进度展示方式,支持线性、环形等不同形态,可以直观地展示任务完成进度或数据加载状态。开发者可以自定义进度颜色、背景色、高度等属性,满足不同场景下的视觉需求。

2. Message全局提示组件

Message组件实现了优雅的全局消息提示功能,支持多种消息类型(成功、警告、错误等),可以自动消失或手动关闭。这个组件特别适合用于操作反馈、系统通知等场景。

3. Skeleton骨架屏组件

Skeleton骨架屏在数据加载过程中提供了优雅的占位效果,有效缓解用户等待焦虑。该组件支持自定义骨架样式和动画效果,能够显著提升应用的用户体验。

4. Footer页脚组件

Footer组件为页面底部提供了标准化的布局方案,特别适合用于展示版权信息、备案号等内容。它内置了响应式设计,能够自动适应不同屏幕尺寸。

5. Popover弹出气泡组件

Popover组件实现了精美的气泡式弹出框,可以附着在任何控件周围显示额外内容。它支持多种触发方式(点击、悬停等)和丰富的自定义选项。

现有组件增强

除了新增组件外,多个现有组件也获得了功能增强:

1. Switch开关组件

现在支持自定义开关状态的字体大小,使开发者能够更灵活地控制组件在不同场景下的视觉效果。

2. DatePicker日期选择器

新增了filterItems参数,允许开发者自定义显示哪些选项;同时添加了itemBuilder参数,支持完全自定义每个选项的渲染方式。

3. Drawer抽屉组件

新增了TDDrawerWidget组件,可以直接用于Scaffold的drawer属性,简化了抽屉式导航的实现方式。

4. Table表格组件

自定义列现在可以获取当前行号,为复杂表格逻辑的实现提供了更多可能性。

5. Upload上传组件

现在支持设置宽高和快速替换配置,使上传控件的集成更加灵活方便。

问题修复与优化

本次更新还修复了多个已知问题:

  1. RefreshHeader组件升级了easy refresh依赖,确保兼容最新版本,同时优化了交互体验,与其他移动端平台保持一致。

  2. Cell组件修复了无默认样式情况下点击空白区域无响应的问题,同时改进了默认样式的构建方式。

  3. Table组件解决了空数据状态下图片无法显示的问题。

  4. Calendar组件修复了定位到最后一个月时无法正确滚动的问题。

  5. BottomTabBar修复了capsule类型无法设置背景色的问题。

国际化与可访问性改进

Calendar组件的确定按钮现在支持国际化,为多语言应用提供了更好的支持。同时,多个组件的文本显示和布局问题得到了修复,提升了应用的可访问性。

开发者体验优化

本次更新还包括多项开发者体验的改进:

  1. Slider组件的演示代码进行了拆分,使示例更加清晰易读。

  2. 文档系统进行了全面更新,包括README文件的英文版本更新,新增了License文件和Issue文档模板。

  3. "关于我们"页面现在会显示发版日期,方便开发者了解版本信息。

总结

TDesign Flutter 0.1.9版本通过新增多个实用组件和增强现有功能,进一步提升了开发效率和用户体验。这些改进特别适合需要快速构建企业级应用的Flutter开发者。无论是全新的Progress、Message等组件,还是对现有组件的优化,都体现了TDesign团队对细节的关注和对开发者需求的响应。

对于正在使用或考虑使用TDesign Flutter的开发者来说,0.1.9版本无疑是一个值得升级的重要更新。它不仅提供了更多开箱即用的UI解决方案,还通过修复各种问题提升了整体的稳定性和可靠性。

登录后查看全文
热门项目推荐