نطق کامپوننت Alert در ری اکت نیتیو (React Native

در این مقاله، نحوه ی ایجاد مولفه ی alert به صورت سفارشی شده را می آموزیم.

مرحله ی اول : App.js

import React from 'react'

import AlertExample from './alert_example.js'

const App = () => {

return (

)

}

export default App

مرحله ی دوم : 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 (

<Text>Alert</Text>

</TouchableOpacity>

)

}

export default AlertExample

const styles = StyleSheet.create ({

button: {

backgroundColor: '#4ba37b',

width: 100,

borderRadius: 50,

alignItems: 'center',

marginTop: 100

}

})

خروجی :

کامپوننت Alert در ری اکت نیتیو (React Native - Alert)
وقتی دکمه را فشار دهید تصویر زیر را می‌بینید:

کامپوننت Alert در ری اکت نیتیو (React Native - Alert)

کلیدواژه ها :

نطق