react-native-sliding-up-panel

Inspired by Android Sliding Panel

npm install react-native-sliding-up-panel --save

PROPERTIES

Property	Type	Valid Values	Optional or Required
containerMaximumHeight	Number	Any	Optional
containerOpacity	Number	0 to 1 (e.g) 0.5	Optional
containerBackgroundColor	String	Hex Colors or basic colors like 'black', 'yellow', etc.	Optional
handlerHeight	Number	Any	Optional
handlerOpacity	Number	0 to 1 (e.g) 0.5	Optional
handlerBackgroundColor	String	Hex Colors or basic colors like 'black', 'yellow', etc.	Optional
handlerDefaultView	React Class	Any React Class with a view	Required
allowStayMiddle	Boolean	true or false	Optional

METHOD(S)

Method	Parameters	Method Description	Return Value	Optional or Required
getContainerHeight	containerHeight	Listening to latest final container height	containerHeight	Optional

SAMPLE

Sample is in Test.js. There are two handler views that you can choose. For HandlerOne, it containers a simple image with a text inside it. For HandlerTwo, it containers a view with a touchable highlight (button) where you can put an event there.

GIF example of Sliding Up Panel