1 | import React from 'react';
|
2 | import Origin from 'react-native-image-gallery';
|
3 | import TransformableImage from 'react-native-transformable-image';
|
4 |
|
5 | class ReactNativeImageGallery extends Origin {
|
6 |
|
7 | renderPage(pageData, pageId, layout) {
|
8 | const { onViewTransformed, onTransformGestureReleased, loader, ...other } = this.props;
|
9 | const loaded = this.state.imagesLoaded[pageId] && this.state.imagesLoaded[pageId] === true;
|
10 | const loadingView = !loaded && loader ? loader : false;
|
11 | return (
|
12 | <TransformableImage
|
13 | {...other}
|
14 | onLoad={evt => this.onLoad(pageId, pageData.source)}
|
15 | onTransformGestureReleased={() => true}
|
16 | ref={ref => this.imageRefs.set(pageId, ref)}
|
17 | key={`innerImage#${pageId}`}
|
18 | style={{ width: layout.width, height: layout.height }}
|
19 | source={pageData.source}
|
20 | pixels={this.state.imagesDimensions[pageId] || pageData.dimensions || pageData.dimensions || {}}
|
21 | >
|
22 | { loadingView }
|
23 | </TransformableImage>
|
24 | );
|
25 | }
|
26 | }
|
27 |
|
28 | export default ReactNativeImageGallery;
|