react-native-Alert

最新推荐文章于 2024-05-25 21:48:30 发布

time_iter

最新推荐文章于 2024-05-25 21:48:30 发布

阅读量681

点赞数

分类专栏： android提升 React-Native--ES6 React-Native 文章标签： stylesheet android

本文链接：https://blog.csdn.net/tiem_erhu/article/details/51914392

版权

android提升同时被 3 个专栏收录

44 篇文章 0 订阅

订阅专栏

React-Native--ES6

12 篇文章 0 订阅

订阅专栏

React-Native

12 篇文章 0 订阅

订阅专栏

本文介绍了React Native中Alert组件的使用，特别是安卓平台上关于Alert弹出框的限制，包括最多只能设置三个按钮，以及不同按钮的状态设定。此外，文章还提到了一些使用时需要注意的要点。

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

Alert:
弹出框，安卓平台最多只能指定三个“button”,有三种状态：中间态，确定，取消

一：

import  React, {Component} from 'react';

import {
    AppRegistry,
    View,
    TouchableHighlight,
    Text,
    StyleSheet,
    ToastAndroid,
    Alert,
} from 'react-native';

class FristProject extends Component {
    render() {
        return (
            <View>
                <CustonButton text="只有一个按钮"
                              onPress={()=>Alert.alert("title提示文字","Message")}/>

                <CustonButton text="两个按钮"
                              onPress={()=>Alert.alert("title提示文字",'Message',[{text:'取消',onPress:()=>ToastAndroid.show("取消",ToastAndroid.SHORT)},{
                              text:'确定',onPress:()=>ToastAndroid.show("确定",ToastAndroid.LONG)
                              }])}
                />

                <CustonButton text='三个按钮'
                              onPress={()=>Alert.alert("title提示文字","Message",[{text:'中间态',onPress:()=>ToastAndroid.show("中间态",ToastAndroid.LONG)},{text:'确定',onPress:()=>ToastAndroid.show("确定",ToastAndroid.LONG)},{text:'取消',onPress:()=>ToastAndroid.show("取消",ToastAndroid.LONG)}])}
                ></CustonButton>

            </View>
        );
    }
}


class CustonButton extends Component {
    render() {
        return (
            <TouchableHighlight
                style={styles.button}
                underlayColor='#a5a5a5'
                onPress={this.props.onPress}>

                <Text> {this.props.text} </Text>

            </TouchableHighlight>
        );
    }
}


var styles = StyleSheet.create({
    button: {
        margin: 5,
        backgroundColor: 'white',
        padding: 15,
        borderBottomColor: '#cdcdcd'
    }
})

注意点：

－1:若是只指定一个按钮，那么该为’positive’<‘yes||no'>
－2:若是只指定两个个按钮，那么该为’positive’，’negative’<‘yes&&no'>
－3:若是只指定三个按钮，那么该为’positive’，’negative’,’neutral'<‘yes&&no&&cancel'>