ReactNative(API)Alert

来源：互联网发布：python 论坛源码编辑：程序博客网时间：2024/05/16 23:38

转载：http://blog.csdn.net/u014360817/article/details/52510966

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

这里写图片描述

/** * Created by Administrator on 2016/9/12. */import React, {Component} from 'react';import {    StyleSheet,    View,    Text,    Alert,} from 'react-native';class AlertG extends Component {    render() {        return (            <View style={{flex: 1}}>                <Text                    style={styles.text}                    onPress={()=> this.showOneAlert()}>One</Text>                <Text                    style={styles.text}                    onPress={()=> this.showTwoAlert()}>Two</Text>                <Text                    style={styles.text}                    onPress={()=> this.showThreeAlert()}>Three</Text>            </View>        )    }    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;

0 0