A simple container to create an animated popover in React Native
Using yarn:
yarn add react-native-animated-popover
Using npm:
npm install react-native-animated-popover
| name | description | default |
|---|---|---|
| closedHeight | Height of the container when closed | 127 |
| openHeight | Height of the container when opened | 348 |
| alwaysOpen | Container stay open all the time | false |
| defaultIndex | Index for the ScrollView. Shows content when no other index is profided |
0 |
| style | Style for the outermost container | |
| contentStyle | Style for the content | {paddingHorizontal: 8} |
| indicatorColor | Color of the indicator | white |
| onLayout | Function gets called by onLayout of outermost container |
|
| popover | Components to be rendered inside the popover |
| name | description |
|---|---|
| open(index) | Opens the popover at index. Defaults to 0 |
| close | Closes the popover |
| toggle(index) | Toggles the state of the popover. Index defaults to 0 |