0.1.8 ā¢ Published 6 years ago
react-native-images-browse v0.1.8
react-native-images-browse
Scope of application
š±Android / ios
A brief description
š A maximum number of image viewers that can be placed in a nine-square grid for ReactNative
A maximum number of image viewers that can be placed in a nine-square grid. It supports zooming in on a single page. The number of images viewed in a single page is allowed to be greater than nine, and the number of images will be prompted. Support for dynamic loading and temporary replacement of incorrect address images.
Characteristic
- Web image dynamic loading
- Local replacement of the wrong picture address
- Skip the single image of the wrong image
Demo
- arrangement
- Browse
Install
Using npm:
npm install --save react-native-images-browse
Usage
import ImageBrowse from 'react-native-images-browse';
constructor(props) {
super(props);
this.state = {
iSource: [
"https://i.imgur.com/UYiroysl.jpg",
"https://i.imgur.com/UPrs1EWl.jpg",
"https://i.imgur.com/MABUbpDl.jpg",
"https://i.imgur.com/gwYhgmW.jpg",
"https://i.imgur.com/KZsmUi2l.jpg",
"https://i.imgur.com/CpihD0u.jpg",
]
}
}
render(){
return(
<View>
<ImageBrowse imgSource={this.state.iSource}/>
</View>
)
}
Type | Value | Description |
---|---|---|
imgSource | N/A | Array of images when browsing |
Future
- Zoom in to images when browsing images
MIT Licensed