How do I import an image into my React Native app?

Question

I'm new to React Native and I'm trying to include an image in my app via:

function Interactions(props) {
    return (
        <View>
            <Image source={require('./assets/comment_32.png')} />
            <Text>{props.info.replies}</Text>
        </View>
    );
}

But I'm getting the following error - TypeError: Failed to construct 'Image': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

Answer 1

You need to import the Image component from react-native.

import { Image } from 'react-native';