首页
/ Forui 0.11.0 版本深度解析:现代化UI组件库的重大升级

Forui 0.11.0 版本深度解析:现代化UI组件库的重大升级

2025-07-06 00:41:26作者:吴年前Myrtle

项目简介

Forui 是一个现代化的Flutter UI组件库,专注于提供高质量、可定制化的界面元素。它采用了最新的Flutter特性,为开发者提供了丰富的组件集合和灵活的样式系统。本次0.11.0版本带来了多项重大改进,包括样式系统的重构、语义标签的统一、多个核心组件的增强以及新组件的引入。

样式系统全面升级

Forui 0.11.0版本最显著的改进之一是样式系统的全面重构。开发团队引入了一个全新的CLI工具,专门用于生成Forui组件的样式配置,这大大提升了开发效率。

在样式命名方面,团队进行了统一调整:

  • FThemeData.colorScheme重命名为FThemeData.colors
  • 将所有F<Style>.inherit(colorScheme: ...)方法重命名为F<Style>.inherit(colors: ...)

这些变更虽然带来了短暂的适应成本,但使得API更加一致和直观。更重要的是,所有样式现在都使用WidgetState系统,提供了更强大的自定义能力和更简洁的配置方式。

语义标签统一化

在之前的版本中,semanticsLabelsemanticLabel两种写法并存,给开发者带来了困惑。0.11.0版本彻底解决了这个问题,统一使用semanticsLabel作为标准命名。这一变更影响了包括FAvatarFBreadcrumbFCheckboxFDialog等在内的多个组件。

核心组件增强

1. FAccordion改进

FAccordion组件现在引入了FAccordionItemMixin,使得自定义折叠项更加灵活。同时,API也进行了调整:

  • items属性重命名为children
  • children的类型从List<FAccordionItem>改为List<FAccordionItemMixin>

2. FBottomNavigationBar重构

底部导航栏组件进行了重要重构,将可点击逻辑从FBottomNavigationBar移到了FBottomNavigationBarItem中。这一变化虽然要求自定义导航项需要自行实现FTappable,但带来了更好的组件隔离性和可重用性。

新增功能包括:

  • 自动聚焦(autofocus)
  • 焦点节点(focusNode)
  • 焦点变化回调(onFocusChange)
  • 悬停状态回调(onHoverChange)
  • 状态变化回调(onStateChange)
  • 项间距(spacing)

3. FButton功能扩展

按钮组件新增了多项实用功能:

  • 状态变化回调(onChange)
  • 悬停状态回调(onHoverChange)
  • 选中状态(selected)
  • 固有宽度(intrinsicWidth)

同时,label参数被更通用的child所取代,提高了组件的灵活性。

4. FDialog优化

对话框组件进行了多项优化:

  • 不再自动包裹操作按钮和内容在IntrinsicWidth
  • 动画参数移入样式类
  • 宽度约束整合为统一的constraints参数
  • 修复了无限尺寸内容的处理问题

5. FHeader改进

头部组件进行了API调整:

  • actions重命名为suffixes
  • prefixActions重命名为prefixes
  • suffixActions重命名为suffixes
  • 新增titleAlignment参数用于嵌套标题对齐

图标系统重构

0.11.0版本移除了FIcon组件,转而推荐使用Flutter原生的Icon类。这一变化主要是为了:

  • 支持多色图标
  • 统一图标处理方式
  • 简化API

同时,所有iconColoriconSize样式属性都被替换为Flutter标准的IconThemeData,使得图标样式配置更加一致。

新增FSelect组件

本次版本引入了一个全新的FSelect组件,用于显示可搜索的选择列表。它支持:

  • 同步和异步数据加载
  • 自定义搜索逻辑
  • 灵活的选项渲染

配合新增的FSelectController,开发者可以完全控制选择行为。

选择组重构

FSelectGroupController被更通用的FMultiValueNotifier取代,这一变化使得选择逻辑可以复用于其他非选择组组件。同时新增了:

  • onChange回调
  • onSelect回调
  • 类型定义简化

表单字段改进

表单相关组件进行了多项增强:

  • FTextField拆分为FTextFieldFTextFormField
  • 新增FTextFormField专门处理表单逻辑
  • 修复了多个组件初始值设置问题
  • 新增obscuringCharacterfilled等实用属性

可点击组件增强

FTappable组件进行了重大重构:

  • 默认支持动画
  • 拆分hovered状态为hoveredpressed
  • 新增样式类FTappableStyle
  • 改进状态管理
  • 修复动画生命周期问题

其他重要改进

  • FPortal重新实现,支持尺寸对齐和方向间距
  • FProgress支持不确定进度
  • FSlider新增初始选择和变化回调
  • FTabs改进滚动行为
  • FTile新增悬停和状态回调
  • 新增FLerpBorderRadius工具类

总结

Forui 0.11.0版本是一次全面的升级,带来了更一致的API设计、更强大的自定义能力和更丰富的组件功能。虽然包含了一些破坏性变更,但这些改进为未来的发展奠定了更坚实的基础。对于现有项目,建议仔细阅读迁移指南,逐步适配新版本。对于新项目,0.11.0版本提供了现代化、功能丰富的UI解决方案,值得尝试。

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

最新内容推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
179
263
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
869
514
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
130
183
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
295
331
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
333
1.09 K
harmony-utilsharmony-utils
harmony-utils 一款功能丰富且极易上手的HarmonyOS工具库,借助众多实用工具类,致力于助力开发者迅速构建鸿蒙应用。其封装的工具涵盖了APP、设备、屏幕、授权、通知、线程间通信、弹框、吐司、生物认证、用户首选项、拍照、相册、扫码、文件、日志,异常捕获、字符、字符串、数字、集合、日期、随机、base64、加密、解密、JSON等一系列的功能和操作,能够满足各种不同的开发需求。
ArkTS
18
0
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.08 K
0
kernelkernel
deepin linux kernel
C
22
5
WxJavaWxJava
微信开发 Java SDK,支持微信支付、开放平台、公众号、视频号、企业微信、小程序等的后端开发,记得关注公众号及时接受版本更新信息,以及加入微信群进行深入讨论
Java
829
22
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
601
58