Divider

Divider 分隔内容并表示元素之间的主题分隔。

预览

Divider.jpg

示例代码

render('Checkout::Dynamic::Render', (root) => {
const dividerSizes: DividerSize[] = ['small', 'base', 'large', 'extraLarge'];
return (
<View>
{dividerSizes.map((size) => {
return (
<View key={size}>
<Text>{`Divider size: ${size}`}</Text>
<Divider size={size}></Divider>
</View>
);
})}
</View>
);
});

DividerProps

提示

标注 ? 的属性为可选,未标注 ? 的属性为必选。

size?

base small large extraLarge 默认值:small

分割线的宽度。


direction?

block inline 默认值:inline
分割线的方向。
  • block:分割线为纵向分割线
  • inline:分割线为横向分割线

alignment?

start center end 默认值:center

对齐方式。


id?

string

用于标识当前组件的唯一标识符。如果未设置 ID,则会使用全局唯一值,全局唯一值为组件内部自行创建的 ID。


这篇文章对你有帮助吗?