# react-native-swipeable-modal

**Repository Path**: timzaak/react-native-swipeable-modal

## Basic Information

- **Project Name**: react-native-swipeable-modal
- **Description**: github上的项目，被删除掉了，备用
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2015-11-16
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React-Native-Swipeable-Modal

Swipeable modal component for react-native Android and iOS.

![Demo](./rnsm.gif)

## Install

`npm install react-native-swipeable-modal --save-dev`

## Example

Full example project is [here](https://github.com/apolkingg8/React-Native-Swipeable-Modal/tree/master/Example).

```jsx
<Modal
    height={350}
    style={{opacity: 0.9}}
    isVisible={this.state.isModalShow}>
    <View style={{flex:1, justifyContent:'center'}}>
        <Text style={{fontSize: 30, fontWeight: 'bold', color: '#fff', textAlign: 'center'}}>
            Hello, I am Modal.
        </Text>
    </View>
</Modal>
```

## Props

** Notice **: There are some api and animation implement change in 1.4.0 because of android support,
please see [README_old](./README_old.md) for old version doc.

#### isVisible: Bool = false
Show or hide Modal.

#### height: Number = 300
Modal height.
    
#### swipeHideLength: Number = 0.3
Minimal swipe length (percentage) to hide modal.

#### animatedShowType: enum['spring', 'timing', 'decay'] = 'spring',
#### animatedShowConfig: Object = {duration: 300},
#### animatedHideType: enum['spring', 'timing', 'decay'] = 'timing',
#### animatedHideConfig: Object = {duration: 200},
Animation settings, use Animated api. See [Official doc](http://facebook.github.io/react-native/docs/animations.html#content) for more information.

#### onWillShow: Function
#### onDidShow: Function
#### onWillHide: Function
#### onDidHide: Function

## License
[MIT](http://www.opensource.org/licenses/mit-license.php)