• <div>
    • 简介
    • 子组件
    • 样式
    • 事件
    • Rax 示例

    <div>

    简介

    <div> 是通用容器。

    • 不要在 <div> 中直接添加文本,而要使用 <text> 组件。
    • 在 Weex 中,<div> 不可滚动。
    • 要控制 <div> 的层级,建议不要超过14层,否则会很影响页面性能。

    子组件

    <div> 支持各种类型的子元素,包括 <div> 自己。

    样式

    • 通用样式 支持所有通用样式。

    事件

    • 通用事件 支持所有通用事件。

    Rax 示例

    rax-view<div> 组件的上层封装,抹平了 Web 和 Weex 的展现

    1. import { createElement, render } from 'rax';
    2. import Driver from "driver-universal";
    3. import View from "rax-view";
    4. function App() {
    5. return <View
    6. style={{
    7. width: '200rpx',
    8. height: '200rpx',
    9. backgroundColor: '#222831',
    10. }}
    11. />;
    12. }
    13. render(<App />, document.body, { driver: Driver });

    rax-view 文档