react-native-toast-message/lib/src/ToastUI.js

Toast message component for React Native

import React from 'react';
import { AnimatedContainer } from './components/AnimatedContainer';
import { ErrorToast } from './components/ErrorToast';
import { InfoToast } from './components/InfoToast';
import { SuccessToast } from './components/SuccessToast';
const defaultToastConfig = {
    success: (props) => <SuccessToast {...props}/>,
    error: (props) => <ErrorToast {...props}/>,
    info: (props) => <InfoToast {...props}/>
};
function renderComponent({ data, options, config, isVisible, show, hide }) {
    const { text1, text2 } = data;
    const { type, onPress, text1Style, text2Style, position, props } = options;
    const toastConfig = {
        ...defaultToastConfig,
        ...config
    };
    const ToastComponent = toastConfig[type];
    if (!ToastComponent) {
        throw new Error(`Toast type: '${type}' does not exist. You can add it via the 'config' prop on the Toast instance. Learn more: https://github.com/calintamas/react-native-toast-message/blob/master/README.md`);
    }
    return ToastComponent({
        position,
        type,
        isVisible,
        text1,
        text2,
        text1Style,
        text2Style,
        show,
        hide,
        onPress,
        props
    });
}
export function ToastUI(props) {
    const { isVisible, options, hide } = props;
    const { position, topOffset, bottomOffset, keyboardOffset, avoidKeyboard, swipeable } = options;
    return (<AnimatedContainer isVisible={isVisible} position={position} topOffset={topOffset} bottomOffset={bottomOffset} keyboardOffset={keyboardOffset} avoidKeyboard={avoidKeyboard} swipeable={swipeable} onHide={hide}>
      {renderComponent(props)}
    </AnimatedContainer>);
}