ReactNative(API)Alert

转载：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}}><Textstyle={styles.text}onPress={()=> this.showOneAlert()}>One</Text><Textstyle={styles.text}onPress={()=> this.showTwoAlert()}>Two</Text><Textstyle={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(API)Alert相关推荐

去哪儿网 ReactNative 跨小程序多端方案介绍
1 前言 qrn-remax-unir 是由去哪儿网前端技术团队实现的一套将 RN 适配到小程序端的跨端组件,通过该组件库可快速方便的将 RN 源代码直接运行到小程序端.方案参考了 react-nat ...
魔方APP项目-05-注册功能实现，手机号唯一验证接口、客户端进行手机号验证、保存用户注册信息接口、客户端用户进行注册、使用云通讯发送短信，服务端实现发送短信验证码的api接口、客户端实现点击发送短信
用户模块注册功能实现 1.手机号码唯一验证接口在开发中,针对客户端提交的数据进行验证或提供模型数据转换格式成字典给客户端.可以使用Marshmallow模块来进行. 为了方便导包,所以我们设置当前 ...
魔坊APP项目-21-种植园，宠物栏的功能实现、服务端提供显示宠物的api接口、客户端中展示宠物栏和宠物列表以及饱食度、宠物道具的使用
种植园一.宠物栏的功能实现 1. 宠物的显示 2. 宠物的使用 3. 宠物的饱食度 4. 宠物的开锁 1.服务端提供显示宠物的api接口 socket.py,代码 ... import math f ...
apicloud ajax html,基于apicloudAJAX请求代码合集
get请求代码: api.ajax({ url:'http://m.weather.com.cn/data/101010100.html' //天气预报网站的WebService接口 },functi ...
apcloud混合式开发app学习笔记
修改图标新建项目检出到本地 -------------------------- 1.api.ajax var loginName = $api.val($api.byId('uname')); ...
angluar ajax实例,Angular服务Request异步请求的实例讲解
首先这里我简单写个例子来方便您的理解 var request = { post: function() { var errorCallback = { error: function(f) { thi ...
js引用最外部的js中的文本信息
新建一个最外部的js.名字随便起可以叫:http.js window.globalConfig = {"api": "http://10.xx.xx.xxx:8080&q ...
datatype未定义是什么意思_vue.js一直提示未定义
.sum_price); } temp_status = 1; }else{ for(var i=0;i vm.list.status = 0; } vm.total_price = 0; temp_ ...
好吧，如果一定要RESTFUL的DJANGO
看看人家写的VIEWSET, 然后用REQUESTS测试一下. from rest_framework import viewsets from rest_framework.decorators i ...

ReactNative(API)Alert

ReactNative(API)Alert相关推荐

最新文章

热门文章