Rn-easy-components NPM

Gettings Started

rn-easy-components is package for simple/easy custom component react-native

Installation

visit this package at npmjs to install/show the doc.

npm i rn-easy-components --save

Components

* Container
* Button
* SweetAlert
* Loader

Usage

import React from 'react';
import {
    Text
} from 'react-native';
import { 
    Container, 
    Button, 
    SweetAlert,
    Loader 
} from 'rn-easy-components';

class MyApp extends React.Component {
    
    constructor() {
        super();
        this.state = {
            visible: false
        }
    }

    render() {
        return (
            <Container style={{ justifyContent: 'center' }}>
                <Loader visible={true} color="white" backgroundColor="grey" text="Please wait.."/>
                <SweetAlert 
                    type="danger" # danger|info|warning
                    visible={this.state.visible} # true|false -> value for hide/show
                    title="Warning!"
                    textDescription="Entah apa yang merasukimu"
                    onCancel={() => this.setState({ visible: false }) } # remove this line for hide cancel button
                    onConfirm={() => this.setState({ visible: false }) }

                /> 
                <Button style={{ alignSelf: 'center' }} onPress={() => this.setState({ visible: true }) }>
                    <Text style={{ color: 'white' }}>button</Text>
                </Button> 
            </Container>
        );
    }
}

export default MyApp;