Image

A basic Image component that should render nicely on any platform. Supports a good level of customization.

You can customization Image component with the Props

Usage#

import React, {FC} from 'react';
import {Body, Image} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body>
      <Image />
    </Body>
  );
};

Reference#

Props#

here all the list of Props you can use for Image Component and it Inherits all ImageProps Props, from React Native

source#

source props for give the image url to the Image by default it show some random image url type string before loading the image it will show you gray background color

import React, {FC} from 'react';
import {Body, Image} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body paddingAll={20} V_Aligin_center>
      <Image source={'https://picsum.photos/200/300?random=19'} />
    </Body>
  );
};

size#

this props gives you 3 different image size like 'large' | 'small' | 'medium' type string

customeSize#

props gives you custome size like 20, 40 etc., type number

inlineStyle#

props give addition props to the Image element type Object