react-native-ummodal

INCLUDES MODAL and HELPERS for REACT-NATIVE

• Modal
• Panel
• Toastify
• Alert
• Actionsheet
• MultiSelectAction
• Picker
• Loader

Installation

npm install react-native-ummodal

Usage

App.tsx
import { UMActionSheet, UMLoader, UMModal, UMToastify, UMPicker, UMAlert, UMPanel } from 'react-native-ummodal';

<UMLoader position="center" />
<UMToastify okText={"..."} position="bottom" paddingBottom={15} />
<UMAlert okText={"..."} cancelText={"..."} />
<UMModal okText={"..."} cancelText={"..."} />
<UMPanel position="bottom" paddingBottom={15} paddingTop={15} />
<UMActionSheet paddingBottom={15} cancelText={"..."} />
<UMPicker okText={"..."} cancelText={"..."} />
...

Example.tsx

const Example=()=>{
    const show=()=>{
        UMLoader.show()
    }

    const close=()=>{
        UMLoader.close()
    }

    return (
        ...
        <TouchableOpacity
            onPress={show}
        >
            ...
        </TouchableOpacity>

        <TouchableOpacity
            onPress={close}
        >
            ...
        </TouchableOpacity>
        ...
    )
}