React Native - Image

You are probably working on a mobile and you want to design images that you got from an API or maybe the path to that image is stored using React

import { Text, SafeAreaView, StyleSheet,Image } from 'react-native';

var image =require('./cimage.jpg')

export default function App() {
  return (
    <SafeAreaView>
      <Image source={image} style={styles.img} />
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({
  img:{
    padding:40,
    width:250,
    height:250,
  }
});


for Background Image, in React Native it had one component,

var image = require('./assets/img/rNativeImg.png');
import { ImageBackground } from 'react-native';
<ImageBackground source={image}> Text </ImageBackground>

    