A React Native image gallery browser with interactive animations
npm install react-native-interactive-image-galleryA React Native component to display a gallery of images.


$ yarn addreact-native-interactive-image-gallery
$ react-native link react-native-interactive-image-gallery
#### iOS
1. In Xcode, in the project navigator, right click Libraries โ Add Files to [your project's name]
2. Go to node_modules โ react-native-interactive-image-gallery and add
RNIKInteractiveImageLibrary.xcodeproj
3. In XCode, in the project navigator, select your project. Add
libRNIKInteractiveImageLibrary.a to your project's Build Phases โ Link Binary With Libraries
4. Run your project (Cmd+R)<
#### Android
No additional setup needed.
``javascript
import ImageBrowser from 'react-native-interactive-image-gallery'
class Images extends React.PureComponent
render() {
const imageURLs: Array
The component accepts the following props
| Prop | Type | Mandatory |
| ------------------------------------- | --------------------- | --------- |
| images | Array | Yes |onPressImage
| | Function |topMargin
| | number |closeText
| | string |infoTitleStyles
| | Animated.View.style |infoDescriptionStyles
| | Animated.View.style |enableTilt
| (experimental, iOS only) | boolean |
Where ImageSource represents
| Name | Type | Mandatory |
| ------------- | -------- | --------- |
| id | string | Yes |URI
| | string | Yes |thumbnail
| | string | Yes |title
| | string |description
| | string |
Thanks to Eric Vicenti (https://github.com/ericvicenti) and
his talk at React Native EU 2017
called "Practical Hacks for delightful interactions" for the inspiration and the
iOS animations present in this library
The main idea of the library and some parts of the code were inspired or taken
from his presentation, available at
this repo.
MIT.
รlvaro Medina Ballester
Built with ๐ by APSL.