当前位置: 首页 > 文档资料 > Rax 中文文档 >

Weex 组件

优质
小牛编辑
123浏览
2023-12-01

Rax 与 Weex 组件的关系

Rax 的基础组件内部实现抹平了各端的差异,在 Weex 端的实现是Weex 提供的基础组件。例如 rax-view 的实现是 div,rax-text 的实现是 text。

以 text 组件为例,原生 text 组件在 Weex 端的表现是默认占满整行,rax-text 抹平了样式上的差异,让不同端上表现一致。

组件属性

Rax 基础组件会将所有属性向下透传,并对核心逻辑进行多端的兼容。
以 Weex List 组件为例:

<list loadmoreoffset={...}>
  	...
  </list>

Weex List 组件提供了属性 loadmoreoffset,在上层封装的 Rax 组件 rax-recyclerview 中提供了 onEndReachedThreshold 属性,内部与 loadmoreoffset 做了映射并做了多端的兼容。
如果只考虑 Weex,透传 loadmoreoffset 也是可以的。

Weex 组件混用

对于特殊需要混用的场景,Rax 页面中也支持引用 Weex 原生组件

<View>
    <text>Hello Rax</text>
</View>

扩展阅读:Weex 组件