组件名称:Alert、AlertIOS 具体代码如下

/*弹出层测试*/importReact,{Component}from'react';import{StyleSheet,View,Image,Text,TouchableOpacity,ScrollView,Navigator,Alert,//引入Alert组件TouchableHighlight,AlertIOS//引入AlertIOS组件}from'react-native';//创建一个组件classCustomButtonextendsComponent{render(){return(<TouchableHighlightstyle={styles.button}underlayColor="red"//触摸的时候颜色改变onPress={this.props.onPress}>//当前触发时间<Textstyle={styles.buttonText}>{this.props.text}</Text></TouchableHighlight>);}}//默认输出组件exportdefaultclassAlertDemoextendsComponent{render(){return(<Viewstyle={styles.container}><Textstyle={{height:30,color:'black',margin:8}}>弹出框实例</Text>//触发事件<CustomButtontext='点击弹出默认Alert'onPress={()=>Alert.alert('温馨提醒','确定退出吗?')}/><CustomButtontext='点击弹出两个按钮的Alert'onPress={()=>Alert.alert('温馨提醒','确定退出吗?',[{text:'取消'},{text:'确定',}])}/><CustomButtontext='点击弹出三个按钮的Alert'onPress={()=>AlertIOS.alert('温馨提醒','确定退出吗?',[{text:'One'},{text:'Two'},{text:'Two'},{text:'Two'},{text:'Two'},{text:'Two'},{text:'Two'},{text:'Two'},{text:'Two'},{text:'Two'},{text:'Two'},{text:'Two'},])}/><CustomButtontext='点击出现输入框'onPress={()=>AlertIOS.prompt('温馨提醒','确定退出吗?',[{text:'取消'},{text:'确定',}])}/></View>);}}varstyles=StyleSheet.create({container:{backgroundColor:"#fff",flex:1,marginTop:65,},button:{margin:5,backgroundColor:'white',padding:15,borderBottomWidth:StyleSheet.hairlineWidth,borderBottomColor:'#cdcdcd',}})