From 86667de6c34cde5a703a35bc4a933e04d7e57c4b Mon Sep 17 00:00:00 2001
From: enahum <nahumhbl@gmail.com>
Date: Mon, 4 Dec 2017 16:32:06 -0300
Subject: [PATCH] Fix swiper offset when device rotates (#1253)

---
 app/components/swiper.js                    |  4 +++-
 app/screens/image_preview/image_preview.js  |  3 ++-
 app/screens/image_preview/image_view.ios.js | 13 +++++++++++--
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/components/swiper.js b/app/components/swiper.js
index 5da1e52ba..50160fc5e 100644
--- a/app/components/swiper.js
+++ b/app/components/swiper.js
@@ -68,7 +68,9 @@ export default class Swiper extends PureComponent {
         };
     };
 
-    onLayout = () => {
+    onLayout = (e) => {
+        this.offset = e.nativeEvent.layout.width * this.state.index;
+
         if (this.runOnLayout) {
             if (Platform.OS === 'ios') {
                 setTimeout(() => {
diff --git a/app/screens/image_preview/image_preview.js b/app/screens/image_preview/image_preview.js
index 39a5186ac..873d46b3f 100644
--- a/app/screens/image_preview/image_preview.js
+++ b/app/screens/image_preview/image_preview.js
@@ -75,6 +75,7 @@ export default class ImagePreview extends PureComponent {
         this.zoomableImages = {};
 
         const currentFile = props.files.findIndex((file) => file.id === props.fileId);
+        this.initialPage = currentFile;
 
         this.state = {
             currentFile,
@@ -499,7 +500,7 @@ export default class ImagePreview extends PureComponent {
         return (
             <Swiper
                 ref='swiper'
-                initialPage={this.state.currentFile}
+                initialPage={this.initialPage}
                 onIndexChanged={this.handleIndexChanged}
                 width={this.props.deviceWidth}
                 activeDotColor={this.props.theme.sidebarBg}
diff --git a/app/screens/image_preview/image_view.ios.js b/app/screens/image_preview/image_view.ios.js
index 9177fc3ba..1a42311d9 100644
--- a/app/screens/image_preview/image_view.ios.js
+++ b/app/screens/image_preview/image_view.ios.js
@@ -2,7 +2,8 @@ import React, {PureComponent} from 'react';
 import PropTypes from 'prop-types';
 import {
     Animated,
-    ScrollView
+    ScrollView,
+    StyleSheet
 } from 'react-native';
 
 const {Image: AnimatedImage} = Animated;
@@ -73,7 +74,7 @@ export default class ImageView extends PureComponent {
                 alwaysBounceHorizontal={false}
                 alwaysBounceVertical={false}
                 bounces={false}
-                contentContainerStyle={{alignItems: 'center', justifyContent: 'center'}}
+                contentContainerStyle={style.content}
                 centerContent={true}
                 maximumZoomScale={maximumZoomScale}
                 minimumZoomScale={minimumZoomScale}
@@ -87,3 +88,11 @@ export default class ImageView extends PureComponent {
         );
     }
 }
+
+const style = StyleSheet.create({
+    content: {
+        alignItems: 'center',
+        flex: 1,
+        justifyContent: 'center'
+    }
+});