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

示例代码
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。
这篇文章对你有帮助吗?