手机
当前位置:查字典教程网 >编程开发 >安卓软件开发 >ReactNative Alert详解及实例代码
ReactNative Alert详解及实例代码
摘要:Alert顾名思义一就是一个警告框,一般使用情况比如:退出登录,清楚缓存,提示修改密码等等。。。ReactNative中的Alert只有一个...

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

ReactNative Alert详解及实例代码1

实例代码:

/** * 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;

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

【ReactNative Alert详解及实例代码】相关文章:

Activity与Service之间交互并播放歌曲的实现代码

Android调用google地图生成路线图实现代码

android md5加密与rsa加解密实现代码

android获取屏幕的长与宽实现代码(手写)

Android 异步加载图片的实例代码

Android图片翻转动画简易实现代码

android根据分辨率自动调整字体大小的实例代码

android IntentService实现原理及内部代码分享

android LinearLayout 布局实例代码

asynctask的用法详解

精品推荐
分类导航