react-native-popup-dialog

git地址
https://github.com/jacklam718/react-native-popup-dialog

使用例子：

import PopupDialog, {DialogButton, FadeAnimation, ScaleAnimation, SlideAnimation,} from 'react-native-popup-dialog';
import DialogTitle from "react-native-popup-dialog/src/components/DialogTitle";

const slideAnimation = new SlideAnimation({slideFrom: 'bottom'});
const scaleAnimation = new ScaleAnimation();
const fadeAnimation = new FadeAnimation({animationDuration: 150});

 render() {

        return (
            
                

                    

                    

                    
                
                {/**/}

                 {
                        this.fadeAnimationDialog = fadeAnimationDialog;
                    }}
                    dialogTitle={}>
                    
                         {
                                this.fadeAnimationDialog.dismiss()
                            }}>
                            Default Animation
                        

                    
                
                {/**/}
                 {
                        this.scaleAnimationDialog = popupDialog;
                    }}
                    dialogAnimation={scaleAnimation}
                    dialogTitle={}
                    actions={[ {
                            this.scaleAnimationDialog.dismiss();
                        }}
                        key='button-1'
                    />,
                    ]}>
                    
                        
                    
                

                }
                    ref={(popupDialog) => {
                        this.slideAnimationDialog = popupDialog;
                    }}
                    dialogAnimation={slideAnimation}>

                    
                        Slide Animation
                    
                
            
        )
    }


    showFadeAanimatinDialog = () => {
        this.fadeAnimationDialog.show();
    };


    showScaleAnimationDialog = () => {
        this.scaleAnimationDialog.show();
    }


    showSlideAnimationDialog = () => {
        this.slideAnimationDialog.show();
    }

    popupDiscuss = () => {
        console.log('popup', 'popupDiscuss');
        this.fadeAnimationDialog.dismiss();
    }

效果图：

clipboard.png

clipboard2.png