React-Native——AlertIOS

AlertIOS组件应用很广,静态方法有两个

1、alert(title,message,buttons) 普通对话框,其中buttons是对象数组.

2、prompt(title,value,buttons):提供输入的对话框,其中buttons是对象数组。

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

var Alert=React.createClass({
    render() {
        return (
            <View style={styles.container}>

                <Text style={styles.textStyle} onPress={this.clickAlert()}>点击AlertIOS.alert</Text>
                <Text style={styles.textStyle} onPress={this.clickPromprt()}>点击AlertIOS.promprt</Text>

            </View>
        );
    },//AlertIOS.alert点击
    clickAlert(){

        AlertIOS.alert('提示','React Native',[{text:'取消',onPress:()=>console.log('点击了取消')},{text:'确认',onPress:()=>console.log('点击了确认')},])

    },// AlertIOS.promprt点击
    clickPromprt(){

        AlertIOS.prompt('提示','请输入相关信息',onPress:(e)=>console.log(e)}])

    },})

const styles = StyleSheet.create({
    container: {
        flex: 1,justifyContent: 'center',alignItems: 'center',backgroundColor: '#F5FCFF',},textStyle:{

        height:50,}

});

相关文章

导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目,发现有之前的大佬在处理...
十大React Hook库 原文地址:https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065 原文...
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段,在React的整个生命周期中提供很...
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用...
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ....