mkp-react-native-responsive-image

react-native-responsive-image

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
    }
}