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;
読んでくれてありがとうございます。みなさんのご協力をお願いします。ありがとうございます。