Without linking. Compatible with expo.

https://github.com/greenarea/react-native-overlay-section

Installation

yarn add react-native-overlay-section

or

npm i react-native-overlay-section --save

Usage 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.