react-native-instagram-like-picker

Pick the image like instagram and manupulate it.

Installation

npm install react-native-instagram-like-picker

Basic Usage

import React from 'react';
import { View } from 'react-native';
import { InstagramLikePicker } from 'react-native-instagram-like-picker';

class UploadFiles extends React.Component {

    constructor(props) {
        super(props);
        this.state = {};
    }

    onSelectImage = (data) => {
        console.log('onSelectImage =>', data);
    }

    onCropped = (data) => {
        console.log('onCropped =>', data);
    }

    onClose = () => {
        console.log('onClose');
    }

    render() {
        return (
            <View style={{ flex: 1, backgroundColor: '#000000' }}>
                <InstagramLikePicker
                    onClose={()=>this.onClose()}
                    onCropped={(croppedUri) => this.onCropped(croppedUri)}
                    onSelectImage={(result) => this.onSelectImage(result)}
                    headerTitle="Last Post"
                />
            </View>
        )
    }
}

Props

| Parameter | type | required | default | description | | ------------- | ----- | -------- | -------- | ------------- | | onClose|function|Yes||this will call onclick of cross icon| | onCropped|function js (selectUrl)=>{}|No||this function return the cropped image url| | onSelectImage|function js (selectUrl)=>{}|No||call on changing image selection| |headerTitle|string|No|New Post|Header Title|

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT