ReactNative Alert详解及实例代码

alert顾名思义一就是一个警告框，一般使用情况比如：退出登录，清楚缓存，提示修改密码等等。。。ReactNative中的alert只有一个静态方法alert()其中有四个参数：标题，信息，按钮和按钮类型 在Android按钮至多有三个 下面是使用情况：

实例代码：

import React, {Component} from 'react';
import {
  StyleSheet,
  View,
  Text,
  alert,
} from 'react-native';

class alertG extends Component {
  render() {
    return (

      
  this.showonealert()}>One
  this.showTwoalert()}>Two
  this.showThreealert()}>Three
      

    )
  }


  showonealert() {
    alert.alert(
      'alert 标题',
      '只有一个按钮',
      [
 
 {text: '确定', onPress: ()=> console.log('点击确定')}
      ]);
  }

  showTwoalert() {
    alert.alert(
      'alert 标题',
      '两个按钮',
      [
 {text: '确定', onPress: ()=> console.log('点击确定')},
 {text: '取消', onPress: ()=> console.log('点击取消')}
      ]
    );
  }

  showThreealert() {
    alert.alert(
      'alert 标题',
      '三个按钮',
      [
 //第一个和第二个按钮的位置会颠倒
 {text: '取消', onPress: ()=> console.log('点击取消')},
 {text: '确定', onPress: ()=> console.log('点击确定')},
 {text: '稍后', onPress: ()=> console.log('点击稍后')},
      ]
    );
  }
}

const styles = StyleSheet.create({
  text: {
    fontSize: 28
  }
})

module.exports = alertG;

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！