React Native Call Function Task After Some Time Delay Using setTimeout(function())

The setTimeout(function(){}) is used to set a valued interval time to execute a particular task. This function would hold the event to defined time(In milliseconds-seconds) and than execute the Method. So in this tutorial we would going to create a react native app to Call Function Task After Some Time Delay Using setTimeout(function(){})  in android iOS application.

Note: 1000 Milliseconds = 1 second.

Contents in this project Call Function Task After Some Time Delay Using setTimeout(function()) in React Native App:

1. Import StyleSheet, View, Button and Alert component in your project.

2. Create a function named as ShowAlertWithDelay() in your class. Inside this function scope we would create the setTimeout(function(){}) with Just a Alert message. We would define the time as 5000 milliseconds which represents 5 seconds. So when we call this function on button onPress event it will show the Alert message after 5 seconds of delay.

3. Create a Root View in render’s return block and Inside the View we would make a Button component and Call the ShowAlertWithDelay() function on button onPress event.

4. Create Style.

5. Complete source code for App.js File :

Screenshot in Android device :

Call Function Task After Some Time Delay

Screenshot in iOS device :

Leave a Reply

Your email address will not be published. Required fields are marked *