📅  最后修改于: 2020-12-08 06:13:30             🧑  作者: Mango
在本章中,我们将了解如何创建自定义警报组件。
import React from 'react'
import AlertExample from './alert_example.js'
const App = () => {
return (
)
}
export default App
我们将创建一个用于触发showAlert函数的按钮。
import React from 'react'
import { Alert, Text, TouchableOpacity, StyleSheet } from 'react-native'
const AlertExample = () => {
const showAlert = () =>{
Alert.alert(
'You need to...'
)
}
return (
Alert
)
}
export default AlertExample
const styles = StyleSheet.create ({
button: {
backgroundColor: '#4ba37b',
width: 100,
borderRadius: 50,
alignItems: 'center',
marginTop: 100
}
})
当您单击按钮时,您将看到以下内容-