0.0.6 • Published 4 years ago
react-native-popup-drawer v0.0.6
react-native-popup-drawer
· Pullable drawers up and down for react native.Support three paragraphs.
Installation
npm i -S react-native-popup-drawerUsage
import React from 'react';
import {View} from 'react-native';
import PopupView from 'react-native-popup-drawer';
const Test = () => {
const backgroundStyle = {
height: '100%',
width: '100%',
backgroundColor: 'skyblue',
};
return (
<View style={backgroundStyle}>
<PopupView />
</View>
);
};Preview
API
Props
| name | type | default | description |
|---|---|---|---|
| skipMid | bool | false | Whether to skip the middle segment (ie two-segment jump). |
| headTools | ReactNodes | - | Custom tools at the top. |
| style | ViewPropTypes.style | - | Drawer styles. |
| onDidScrollToPosition | (swithState) => {} | 'post' | Each segment switch callback (swithState: 0 -> top, 1 -> middlw, 2 -> bottom). |
Methods
| name | type | description |
|---|---|---|
| setThreeHeight | (firstHeight: number, secondHeight: number, thirdHeight: number) => {} | Set the three heights of the drawer. |
| popToPosition | (position: 0 | 1 | 2) => any | Manually set the position of the drawer (0 -> top, 1 -> middle, 2-> bottom). |
License
React is MIT licensed.