React Native Alert詳細およびインスタンスコード

2359 ワード

Alertは名前の通りに1つの警告枠です。例えば、ログインを終了し、キャッシュを明確にし、パスワードの変更を促すなど、一般的に使用されます。React NativeのAlertは一つの静的な方法しかないalert()の中には4つのパラメータがあります。タイトル、情報、ボタン、ボタンの種類は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;

読んでくれてありがとうございます。みなさんのご協力をお願いします。ありがとうございます。