Skip to main content

WingBlank Two wing blank components

**Tips: When the WingBlank component is used with the ScrollView component, be sure to use the WingBlank component as a subcomponent of the ScrollView component. **

Effect demonstration

1. Default effect

<WingBlank>
<View style={{ height: 150, backgroundColor: 'red' }} />
</WingBlank>
wingBlank-ios1.png

2. Revise size

<WingBlank size="x6">
<View style={{ height: 150, backgroundColor: 'red' }} />
</WingBlank>
wingBlank-ios2.png

API

PropertiesRequiredDescriptionTypeDefault Value
sizefalseThe size of the two wingsxxs | xs | s | m | l | xl | xxlm
childrentruewrapped child componentReactNode

The specific size corresponding to the value of _size is defined in spacing of the theme file. _