[{"value":"预览","id":"预览","hLevel":2,"level":1},{"value":"示例代码","id":"示例代码","hLevel":2,"level":1},{"value":"BlockStackProps","id":"blockstackprops","hLevel":2,"level":1,"children":[{"value":"inlineAlignment?","id":"inlinealignment","hLevel":3,"level":2},{"value":"spacing?","id":"spacing","hLevel":3,"level":2},{"value":"padding?","id":"padding","hLevel":3,"level":2}]},{"value":"类型说明","id":"类型说明","hLevel":2,"level":1,"children":[{"value":"InlineAlignment","id":"inlinealignment-1","hLevel":3,"level":2},{"value":"Spacing","id":"spacing-1","hLevel":3,"level":2},{"value":"MaybeShorthandProperty","id":"maybeshorthandproperty","hLevel":3,"level":2},{"value":"ShorthandProperty","id":"shorthandproperty","hLevel":3,"level":2}]}]

BlockStack

BlockStack 用于垂直堆叠元素。

预览

示例代码

render('Checkout::Dynamic::Render', (props) => {
  return (
    <BlockStack>
      <Text>BlockStackDemo1</Text>
      <Text>BlockStackDemo1</Text>
      <Text>BlockStackDemo1</Text>
      <Text>BlockStackDemo1</Text>
      <Text>BlockStackDemo1</Text>
    </BlockStack>
  );
});

BlockStackProps

提示

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

inlineAlignment?

InlineAlignment

主轴对齐方式，主轴为行内轴。

spacing?

Spacing 默认值：base

项目之间的间距。

padding?

MaybeShorthandProperty<Spacing>

内边距。

类型说明

InlineAlignment

start center end

Spacing

none base extraTight tight loose extraLoose

MaybeShorthandProperty

T | ShorthandProperty<T>

ShorthandProperty

[T, T] [T, T, T, T]

这篇文章对你有帮助吗？

SHOPLINE

条款协议

BlockStack​

预览​

示例代码​

BlockStackProps​

inlineAlignment?​

spacing?​

padding?​

类型说明​

InlineAlignment​

Spacing​

MaybeShorthandProperty​

ShorthandProperty​