t2s-rn-common-ui v3.1.4

What is this?

Common UI Utils for react native

Installation

npm i t2s-rn-common-ui --save

Usage

##Button

import {Button} from 't2s-rn-common-ui';

handleButtonClick() {
    console.log('Button is clicked!');
}

<Button
    style={styles.buttonStyle}
    disable={false}
    onPress={() => this.handleButtonClick()}
>
    SAVE
</Button>

Properties

##OTPView

import {OTPView} from 't2s-rn-common-ui';

<OTPView
         autoFocus={false}
         keyboardType="numeric"
         codeLength={4}
         onFulfill={(code) => this._onFinishCheckingCode1(code)}
         onCodeChange={(code) => {console.log(code)}}
/>

Properties

Customised react-native-confirmation-code-input library https://github.com/ttdung11t2/react-native-confirmation-code-input. See their docs for more info.

##Banner

import {Banner} from 't2s-rn-common-ui';

<Banner bannerText="12" bannerColor="#C73B32" />

Properties

##CardView

import {CardView} from 't2s-rn-common-ui';

<Banner bannerText="12" bannerColor="#C73B32" />

Properties

##DialogModal

import {DialogModal} from 't2s-rn-common-ui';

<DialogModal
       isVisible={this.state.showPopup}
       requestClose={() => this.setState({ showPopup: false })}
       title={'Some title here'}
       description={'Some description here'}
       positiveButtonClicked={() => {
           this.setState({ showPopup: false });
       }}
       negativeButtonClicked={() => this.setState({ showPopup: false })}
       positiveButtonText={'OK'}
       negativeButtonText={'CANCEL'}
/>
Note: By default only `positiveButtonText` is rendered. You can include `negativeButtonText` if you need it.

Properties