how to fix a image in react native code example
Example 1: render image url in react native
import React, { Component } from 'react';
import {
AppRegistry, Image
} from 'react-native';
export default class Myproject extends Component {
render() {
let Image_Http_URL ={ uri: 'https://reactnativecode.com/wp-content/uploads/2017/05/react_thumb_install.png'};
return (
<Image source={Image_Http_URL} style = {{height: 200, resizeMode : 'stretch', margin: 5 }} />
);
}
}
AppRegistry.registerComponent('Myproject', () => Myproject);
Example 2: ways to show image in react native
<Image
source={require("relative_path_to_image")}
style={{ width: 100, height: 100 }}
/>