Alert

顯示一般Alert

• 不需要import任何API

import{View, Text, StyleSheet} from 'react-native'; 
const MyScreen = () => {
  return (
    <SafeAreaView>
    <Button title="Click Me" onPress={ () => alert('Button Pressed!') } />
    </SafeAreaView>
  );
}

顯示可客制化的Alert

• 需要從react native裡import Alert

import{View, Text, StyleSheet, Alert} from 'react-native'; 
const MyScreen = () => {
  return (
    <SafeAreaView>
    <Button 
	  title="Click Me" 
	  onPress={ () => Alert.alert("My title", "MY message", [{text:"Yes", onPress=()=>console.log('Yes')},{text:"No", onPress=()=>console.log('No')}] ) } />
    </SafeAreaView>
  );
}

取得使用者input的Alert

• 目前只能用在ios

import{View, Text, StyleSheet, Alert} from 'react-native'; 
const MyScreen = () => {
  return (
    <SafeAreaView>
    <Button 
      title="Click Me" 
      onPress={
        ()=> Alert.prompt("My title","My message", text => console.log(text))
      }
    </SafeAreaView>
  );
}