返回介绍

Weex 组件

发布于 2019-12-26 23:51:14 字数 806 浏览 1287 评论 0 收藏 0

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 组件

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文