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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent