React Native - Cảnh báo
Trong chương này, chúng ta sẽ hiểu cách tạo tùy chỉnh Alert thành phần.
Bước 1: App.js
import React from 'react'
import AlertExample from './alert_example.js'
const App = () => {
return (
<AlertExample />
)
}
export default App
Bước 2: alert_example.js
Chúng tôi sẽ tạo một nút để kích hoạt showAlert chức năng.
import React from 'react'
import { Alert, Text, TouchableOpacity, StyleSheet } from 'react-native'
const AlertExample = () => {
const showAlert = () =>{
Alert.alert(
'You need to...'
)
}
return (
<TouchableOpacity onPress = {showAlert} style = {styles.button}>
<Text>Alert</Text>
</TouchableOpacity>
)
}
export default AlertExample
const styles = StyleSheet.create ({
button: {
backgroundColor: '#4ba37b',
width: 100,
borderRadius: 50,
alignItems: 'center',
marginTop: 100
}
})
Đầu ra
Khi bạn nhấp vào nút, bạn sẽ thấy như sau: