react-native modal自定义对话框

最新推荐文章于 2024-08-16 08:18:06 发布

WYQ_XQ

最新推荐文章于 2024-08-16 08:18:06 发布

阅读量5.5k

点赞数

分类专栏： react-native 工作中遇到的问题文章标签： react-native modal 自定义对话框悬浮框 android

本文链接：https://blog.csdn.net/u014041033/article/details/53490070

版权

本文介绍了如何在React Native 0.39.0版本中创建自定义的Modal对话框，包括如何实现悬浮框效果，适用于Android平台。

摘要由CSDN通过智能技术生成

效果如图：

代码：

react native版本0.39.0

/**
 * Created by xq on 16/12/6.
 */
import React, { Component ,PropTypes} from 'react';
import {
    Text,
    View,
    TouchableOpacity,
    StyleSheet,
    Platform,
    Dimensions,
    Image,
    Modal,
    TextInput,
    InteractionManager
} from 'react-native';
export default class AlertModal extends Component{
    constructor(props){
        super(props)
        this.state = { visible: this.props.visible };
    }
    close=()=>{
        this.setState({ visible: false });
    }
    componentWillReceiveProps(props) {
        this.setState({ visible: props.visible });
    }
    renderC