<div>
#简介
<div> 是通用容器。
TIP
- 不要在
<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 });