mkp-react-native-responsive-image

1.1.2 • Public • Published

react-native-responsive-image

npm version npm license npm download npm download

React Native Responsive Image

Install

$ npm install mkp-react-native-responsive-image --save

Support

ios/android

Quick Start

<ResponsiveImage
    //you best provide a 3x image or higher.
    source={require("./images/fav.png")}
    //default design size is 375 x 667 , density is 2
    design={{
        size:{
            width:40,
            height:37
        }
    }}/>

Props

image props

...Image Props

  • defaultSource is supported on IOS/Android
  • image cache is supported

design

//define
design: PropTypes.shape({
    density: PropTypes.number,
    screen: PropTypes.shape({
        width: PropTypes.number,
        height: PropTypes.number
    }),
    size: PropTypes.shape({
        width: PropTypes.number.isRequired,
        height: PropTypes.number.isRequired
    }).isRequired
})
//default
design: {
    density: 2,
    screen: {
        width: 375,
        height: 667
    }
}

Package Sidebar

Install

npm i mkp-react-native-responsive-image

Weekly Downloads

1

Version

1.1.2

License

MIT

Last publish

Collaborators

  • m860
  • monkeykingplus