ReactNative Alert 상세 설명 및 인 스 턴 스 코드

2418 단어 ReactNativeAlert
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;

읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기