0.1.13 • Published 6 years ago

react-native-overlay-section v0.1.13

Weekly downloads
33
License
MIT
Repository
-
Last release
6 years ago

Without linking. Compatible with expo.

npm.io

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>
        )
    }
}
propstypedescription
visibleHeightPropTypes.numberHeight of all visible content include dragSection
draggableHeightPropTypes.numberHeight of dragSection
contentSectionPropTypes.objectPass your custom object to render it
dragSectionPropTypes.objectSection with PanResponder
dragBgColorPropTypes.stringBackground color of dragSection
contentSectionBgColorPropTypes.stringbackgroundColor of contentSection
dragArrowColorPropTypes.stringColor 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.
0.1.13

6 years ago

0.1.12

6 years ago

0.1.11

6 years ago

0.1.10

6 years ago

0.1.9

6 years ago

0.1.8

6 years ago

0.1.7

6 years ago

0.1.6

6 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago