📜  React Native-警报

📅  最后修改于: 2020-12-08 06:13:30             🧑  作者: Mango


在本章中,我们将了解如何创建自定义警报组件。

步骤1:App.js

import React from 'react'
import AlertExample from './alert_example.js'

const App = () => {
   return (
      
   )
}
export default App

步骤2:alert_example.js

我们将创建一个用于触发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
   }
})

输出

反应本机警报

当您单击按钮时,您将看到以下内容-

反应本机警报按钮