React Native第三方Dialog库react-native-popup-dialog

1.首先执行命令行

yarn add react-native-popup-dialog

2.执行成功后package.json文件中显示如下

"dependencies": {
    "react": "16.6.3",
    "react-native": "0.58.4",
    "react-native-popup-dialog": "^0.17.0"
   
  },

3.使用

import Dialog, {
    DialogTitle,
    DialogContent,
    DialogFooter,
    DialogButton,
    SlideAnimation,
    ScaleAnimation,
} from 'react-native-popup-dialog';

  //生命周期方法 -->首先会执行构造函数
    constructor(props) {//构造函数
        super(props);

        this.state = {
            //默认不弹dialog
            showCustomDialog: false,
            //默认不弹dialog
            showScaleDialog: false
        };
    }

 

                <Dialog
                    onDismiss={() => {
                        this.setSta