react-native-simple-expand
Version:
Simple expandable view with extendable animations
37 lines (29 loc) • 1.04 kB
Markdown
**Expand / collapse, component automatically calculates desired height**
<img src="./screen.gif"/>
***Optional Props (See ./example for usage)***
- maxHeight: How far can the view expand
- minHeight: How much to show in the closed state
- value: true or false
- style: Style of child view
- containerStyle: Style of container
- animatedValue: Optional ```Animated.Value(minHeight)``` used to link animations inline with menu.
***Minimal Example***
```
import Expand = from 'react-native-simple-expand';
```
```
render() {
return (
<View>
<TouchableOpacity onPress={() => this.setState({ open: !this.state.open })}>
<Text>Toggle Menu</Text>
</TouchableOpacity>
<Expand value={this.state.open}>
<Text>
Some very very very very very very very very very very very very very very very very very very very very great content
</Text>
</Expand>
</View>
);
}
```