Divider 分割线

Divider 为分隔线。

代码演示

基础形式

import { Divider, Utils } from 'tuya-panel-kit';

const { convertX: cx } = Utils.RatioUtils;

<View
  style={{
    backgroundColor: 'white',
    height: cx(48),
    display: 'flex',
    justifyContent: 'center',
  }}
>
  <Divider style={{ alignSelf: 'center' }} color="#E5E5E5" width={300} />
</View>

块状形式展示

import { Divider } from 'tuya-panel-kit'

<Divider
  color="#333"
  width={300}
  height={30}
  style={{ marginLeft: 30, marginTop: 10 }}
/>

API

tuya01:01