react native Alert警告框

• 效果图
  

• 点击第一个
  

• 点击第二个
  

• 点击第三个
  

代码如下：

import { Text, StyleSheet, View,Button, Alert } from 'react-native'
import React, { Component } from 'react'

export default class Nav extends Component {
  onClicktwo=()=>{
    Alert.alert(
      "标题",
      "内容",
      [
        {
          text:"取消",
          onPress:()=>console.log('cancle'),
          style:'cancel'
        },
        {
          text:"确定",
          onPress:()=>console.log('ok'),
          style:'default'
        }
      ]
    )
  }
  onClickthree=()=>{
    Alert.alert(
      "标题",
      "内容",
      [
        {
          text:"稍后",
          onPress:()=>console.log('ok'),
          style:'default'
        },
        {
          text:"取消",
          onPress:()=>console.log('cancle'),
          style:'cancel'
        },
        {
          text:"确定",
          onPress:()=>console.log('shou'),
          style:'default'
        }
      ]
    )
  }
  render() {
    return (
      <View style={[styles.container]}>
        <Button
          title='一个按钮'
          onPress={()=>{
            alert('按钮')
          }}
          color={"pink"}
        />
        
        <Button
          title='二个按钮'
          onPress={
           this.onClicktwo
          }
          color={"red"}
        />
        
        <Button
          title='三个按钮'
          onPress={
           this.onClickthree
          }
          color={"green"}
        />
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container:{
    justifyContent:"space-around",
    alignItems:"center",
  }
})