@uiw/react-native
Version:
UIW for React Native
45 lines (38 loc) • 1.03 kB
Markdown
ExpandableSection 展开缩放
---
展开缩放
### 基础示例
<!--DemoStart-->
```js
import { ExpandableSection,H5 } from '@uiw/react-native';
class Demo extends Component {
state={
expanded:false,
top:false
}
render() {
return (
<ExpandableSection
expanded={this.state.expanded}
onPress={() => this.setState({ expanded: !this.state.expanded })}
sectionHeader={<H5>我是标题</H5>}
top={this.state.top}
>
<View>
<Text style={{ color: 'red' }}>展开的内容</Text>
</View>
</ExpandableSection>
)
}
}
```
<!--End-->
## Props
| 参数 | 说明 | 类型 | 默认值 |
|------|------|-----|------|
| `sectionHeader` | 设置标题 | JSX.Element | - |
| `children` | 展开内容| ReactNode | - |
| `labelStyle` | 设置提示文本样式 | TextProps['style'] | - |
| `expanded` | 是否展开 | boolean | - |
| `top` | 展开后显示位置 标题上或标题下 | boolean | - |
| `top` | 点击事件 | void | - |