Zeego V2版本重大架构调整：弃用React Native Web直接集成Radix UI

背景介绍

Zeego项目在V2版本中做出了一个重大架构决策——将不再依赖React Native Web（RNW）作为其跨平台解决方案的基础。这一改变标志着项目在跨平台组件开发思路上的一次重要转变，将直接采用Radix UI作为底层组件库。

架构变更的核心内容

1. 原生Web属性支持

新版本最大的改进是允许开发者直接访问Web平台特有的属性，例如className等DOM相关属性。这意味着：

• 开发者可以完全按照Web开发的标准方式使用CSS类名
• 不再需要通过RNW的样式转换层
• 可以直接使用Radix UI提供的所有Web原生API

2. 样式处理方式变化

由于不再使用RNW，样式处理方式将发生以下变化：

• style属性将仅在Web平台有效
• 样式值需要符合Web标准（如transform需要使用字符串格式）
• 开发者可能需要为style属性添加样式重置

3. 平台特定逻辑封装

虽然开放了Web原生API，但Zeego仍会封装一些跨平台逻辑：

• 保留Zeego特有的跨平台属性（如onValueChange、onSelect等）
• 处理不同平台间的行为差异
• 提供一致的组件API接口

技术优势分析

1. 开发体验提升

这一改变使得开发者能够：

• 直接从shadcn等流行Web组件库复制粘贴代码
• 使用熟悉的Web开发模式和工具链
• 减少平台差异带来的心智负担

2. 性能优化

移除RNW中间层可以带来：

• 更直接的DOM操作
• 减少样式转换开销
• 更精简的运行时

3. 生态兼容性

直接基于Radix UI意味着：

• 更好的与现代Web组件生态兼容
• 更容易集成Web专属功能
• 更接近标准Web开发实践

迁移注意事项

对于现有项目升级到V2版本，开发者需要注意：

1. 样式属性可能需要调整，特别是transform等需要字符串格式的属性
2. 可能需要添加样式重置来确保一致性
3. 部分RNW特有的API将不再可用
4. 需要重新评估跨平台样式策略

未来展望

这一架构调整为Zeego带来了更清晰的平台边界和更直接的Web开发体验。虽然会带来一定的迁移成本，但从长远来看，这种更贴近各平台原生开发模式的设计将带来更好的可维护性和扩展性。对于需要深度定制Web体验的项目尤其有利。