/react-native-animated-popover

A simple container to create an animated popover in React Native

Primary LanguageJavaScriptMIT LicenseMIT

react-native-animated-popover

A simple container to create an animated popover in React Native

Installation

Using yarn:

yarn add react-native-animated-popover

Using npm:

npm install react-native-animated-popover

Props

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

Methods

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