首页
/ 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解决方案,值得尝试。

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

项目优选

收起
kernelkernel
deepin linux kernel
C
22
6
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
176
2.08 K
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
204
280
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
8
0
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
957
568
pytorchpytorch
Ascend Extension for PyTorch
Python
55
86
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
1.01 K
399
ops-mathops-math
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
539
66
金融AI编程实战金融AI编程实战
为非计算机科班出身 (例如财经类高校金融学院) 同学量身定制,新手友好,让学生以亲身实践开源开发的方式,学会使用计算机自动化自己的科研/创新工作。案例以量化投资为主线,涉及 Bash、Python、SQL、BI、AI 等全技术栈,培养面向未来的数智化人才 (如数据工程师、数据分析师、数据科学家、数据决策者、量化投资人)。
Python
78
72
openHiTLS-examplesopenHiTLS-examples
本仓将为广大高校开发者提供开源实践和创新开发平台,收集和展示openHiTLS示例代码及创新应用,欢迎大家投稿,让全世界看到您的精巧密码实现设计,也让更多人通过您的优秀成果,理解、喜爱上密码技术。
C
123
634