React Native Image onLoad Example

Aug 23, 2022 . Admin

Today, I would like to show you react native image onload event. let’s discuss about react-native onload example. I would like to show you example of onload on image in react native. step by step explain react native image onload code example.

Step 1: Download Project

In the first step run the following command to create a project.

expo init ExampleApp
Step 2: App.js

In this step, You will open the App.js file and put the code.

import React from 'react';
import { StyleSheet, Text, View, Image, Alert } from 'react-native';

export default function App() {
    return (
      <View style={styles.container}>
        onLoad={() => Alert.alert('image clicked')}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  img: {
    height: 200,
    width: 200,
Step 3: Run Project

In the last step run your project using the below command.

expo start

You can QR code scan in Expo Go Application on mobile.


It will help you...

#React Native