react-native-modal-reanimated v1.1.1

This is a custom modal with reanimated. My build versions: 1- react-native-reanimated: 2.14.4

Installation

  npm install react-native-modal-reanimated

Doc

react-native-reanimated

Usage

    import React, { useState } from "react";
    import { SafeAreaView, Button } from "react-native";
    import Modal from "react-native-modal-reanimated";

    const [isOpen, setIsOpen] = useState(false);

    const handleClose = () => {
        setIsOpen(false);
    };

    const handleOpen = () => {
        setIsOpen(true);
    };

    const okButtonOnPress = () => {
        console.log("ok button pressed!");
        setIsOpen(false);
    };

    const noButtonOnPress = () => {
        console.log("no button pressed!");
        setIsOpen(false);
    };

    const yesButtonOnPress = () => {
        console.log("yes button pressed!");
        setIsOpen(false);
    };

    <SafeAreaView style={{ flex: 1 }}>
        <Button title="Open Modal" onPress={handleOpen} />

        <Modal
            isOpen={isOpen}
            onPress={handleClose}
            from="top"
            damping={true}
            duration={300}
            type="success" // success - info - warning - error
            title="Modal Title!"
            text="Modal Text."
            okButtonText={"Ok"}
            noButtonText={"No"}
            yesButtonText={"Yes"}
            openModalBgColor="gray"
            backgroundOpacity={0.5}
            twoButton={true}
            width="80%"
            height="35%"
            //containerBgColor="#DEF1D7" Automatically gives its own color for each type
            //containerBorderColor="#1F8722" Automatically gives its own color for each type
            containerBorderWidth={1}
            containerBorderRadius={15}
            containerPadding={10}
            containerIconSize={80}
            okButtonBgColor={"gray"}
            noButtonBgColor={"gray"}
            yesButtonBgColor={"gray"}
            buttonMinWidth={"30%"}
            buttonHeight={35}
            buttonBorderRadius={10}
            titleColor={"black"}
            titleSize={15}
            textColor={"black"}
            textSize={13}
            buttonTextColor={"white"}
            buttonTextSize={14}
            buttonTextBold={true}
            okButtonOnPress={okButtonOnPress}
            noButtonOnPress={noButtonOnPress}
            yesButtonOnPress={yesButtonOnPress}
        />
    </SafeAreaView>;

API