- <div>
- 简介
- 子组件
- 样式
- 事件
- Rax 示例
<div>
简介
<div>
是通用容器。
- 不要在
<div>
中直接添加文本,而要使用<text>
组件。- 在 Weex 中,
<div>
不可滚动。- 要控制
<div>
的层级,建议不要超过14层,否则会很影响页面性能。
子组件
<div>
支持各种类型的子元素,包括 <div>
自己。
样式
- 通用样式 支持所有通用样式。
事件
- 通用事件 支持所有通用事件。
Rax 示例
rax-view
是 <div>
组件的上层封装,抹平了 Web 和 Weex 的展现
import { createElement, render } from 'rax';
import Driver from "driver-universal";
import View from "rax-view";
function App() {
return <View
style={{
width: '200rpx',
height: '200rpx',
backgroundColor: '#222831',
}}
/>;
}
render(<App />, document.body, { driver: Driver });
rax-view 文档