0.1.13 • Published 8 years ago
react-native-overlay-section v0.1.13
Without linking. Compatible with expo.

https://github.com/greenarea/react-native-overlay-section
Installation
yarn add react-native-overlay-sectionor
npm i react-native-overlay-section --saveUsage example
import React, { Component } from 'react';
import {
View,
Text,
} from 'react-native';
import SlideUp from 'react-native-overlay-section';
export default class App extends Component {
constructor (props) {
super(props);
}
exampleContent = () => {
return (
<View>
<Text>This is test text</Text>
</View>
)
}
render() {
return (
<View style={{flex: 1}}>
<Text>Hello</Text>
<SlideUp contentSection={this.exampleContent()} />
</View>
)
}
}| props | type | description |
|---|---|---|
| visibleHeight | PropTypes.number | Height of all visible content include dragSection |
| draggableHeight | PropTypes.number | Height of dragSection |
| contentSection | PropTypes.object | Pass your custom object to render it |
| dragSection | PropTypes.object | Section with PanResponder |
| dragBgColor | PropTypes.string | Background color of dragSection |
| contentSectionBgColor | PropTypes.string | backgroundColor of contentSection |
| dragArrowColor | PropTypes.string | Color of default arrow |
All props are not required*
Milestones:
- Several section stop points, like 30%, 50%, 100% from bottom
- Arrangement from top to bottom.
- Section blurring.