0.2.2 • Published 5 years ago
react-native-swipeup-scrollview v0.2.2
React Native SwipeUp ScrollView
A very cool scrollview that reproduces the iOS Stocks App popup view.
Demo
Inspiration
It can also be seen in Apple Maps and other stock iOS apps.
Props
Prop | Default | Type | Description |
---|---|---|---|
stops | 100, 400, Dimensions.Height-100 | array | The snap points at which the modal will come to rest. Recommend at most three, two works as well. |
topCornerRadius | 20 | number | The corner radius applied to the top left and top right corners of the wrapper. |
showTopButton | true | boolean | Controls whether to show the tiny button up top. |
topButtonStyle | null | object | Customize the style of the top button. Currently it is a low opacity 'black' with a pill shape. |
wrapperStyle | null | object | Customize the style of the animated view (wrapper) that contains the actual scrollview. |
Scroll View
As of version 0.2.0, the style
prop will be passed on to the main scrollview as well.
The main view is a React Native scrollview, so you can customize it using any scrollview props.