-
-
Notifications
You must be signed in to change notification settings - Fork 85
/
PXPhotoView.js
42 lines (38 loc) · 1.01 KB
/
PXPhotoView.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import React, { PureComponent } from 'react';
import { StyleSheet } from 'react-native';
import PhotoView from 'react-native-photo-view-ex';
import { globalStyleVariables } from '../styles';
const styles = StyleSheet.create({
photo: {
width: globalStyleVariables.WINDOW_WIDTH,
height: globalStyleVariables.WINDOW_HEIGHT,
},
});
class PXPhotoView extends PureComponent {
handleOnLoad = () => {
const { onLoad, uri } = this.props;
onLoad(uri);
};
render() {
const { uri, style, onLoad, ...restProps } = this.props;
return (
<PhotoView
source={{
uri,
headers: {
referer: 'http://www.pixiv.net',
},
}}
resizeMode="contain"
androidScaleType="fitCenter"
minimumZoomScale={1}
maximumZoomScale={3}
style={[styles.photo, style]}
onLoad={this.handleOnLoad}
// eslint-disable-next-line react/jsx-props-no-spreading
{...restProps}
/>
);
}
}
export default PXPhotoView;