mkp-react-native-responsive-image

React Native Responsive Image

Showing:

Popularity

Downloads/wk

4

GitHub Stars

3

Maintenance

Last Commit

5yrs ago

Contributors

1

Package

Dependencies

0

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

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

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100