Weex 组件
优质
小牛编辑
126浏览
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 组件