UNPKG

@uiw/react-native

Version:
45 lines (38 loc) 1.11 kB
ExpandableSection 展开缩放 --- ExpandableSection 组件以在 sectionHeader标题 下方或上方呈现展开的内容部分 ### 基础示例 <!--DemoStart--> ```js import React from 'react'; import { ExpandableSection,H5 } from '@uiw/react-native'; export default class ExpandableSectionDemo 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 | - | | `expanded` | 是否展开 | boolean | - | | `top` | 展开后显示位置 标题上或标题下 | boolean | - | | `onPress` | 点击事件 | void | - |