آموزش استفاده از Alert در برنامه نویسی ریکت نیتیو

4 سال پیش

امتیاز دهید post

آموزش استفاده از Alert در برنامه نویسی ریکت نیتیو

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش استفاده از Alert در برنامه نویسی ریکت نیتیو خواهیم پرداخت.

در این درس، نحوه ایجاد مولفه Alert سفارشی را خواهیم فهمید.

مرحله 1: App.js

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

const App = () =&gt; {
   return (
      &lt;AlertExample /&gt;
   )
}
export default App

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 = () =&gt; {
   const showAlert = () =&gt;{
      Alert.alert(
         'You need to...'
      )
   }
   return (
      &lt;TouchableOpacity onPress = {showAlert} style = {styles.button}&gt;
         &lt;Text&gt;Alert&lt;/Text&gt;
      &lt;/TouchableOpacity&gt;
   )
}
export default AlertExample

const styles = StyleSheet.create ({
   button: {
      backgroundColor: '#4ba37b',
      width: 100,
      borderRadius: 50,
      alignItems: 'center',
      marginTop: 100
   }
})

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

}

})

خروجی

React Native Alert

با کلیک بر روی دکمه، موارد زیر را مشاهده خواهید کرد

React Native Alert Button

منبع.

لیست جلسات قبل آموزش ریکت نیتیو

امتیاز دهید post

نویسنده مطلب saber

آموزش استفاده از Alert در برنامه نویسی ریکت نیتیو

آموزش استفاده از Alert در برنامه نویسی ریکت نیتیو

مرحله 1: App.js

مرحله 2: alert_example.js

خروجی

لیست جلسات قبل آموزش ریکت نیتیو

دیدگاه شما

بدون دیدگاه

آموزش استفاده از Alert در برنامه نویسی ریکت نیتیو

مرحله 1: App.js

مرحله 2: alert_example.js

خروجی

لیست جلسات قبل آموزش ریکت نیتیو

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه