From 0c04180e96219a6a4e4453fbe440f4676926cc11 Mon Sep 17 00:00:00 2001
From: Matin Zadeh Dolatabad <zadehdolatabad@gmail.com>
Date: Tue, 25 Jul 2023 01:05:04 +0200
Subject: [PATCH] fix: prevent jumping to end frame (#1061)

No need to force the animation to be on end frame anymore.

Fixes: https://github.com/lottie-react-native/lottie-react-native/issues/1049
---
 apps/paper/src/FramesExample.tsx              | 56 +++++++++++++++++++
 .../ios/LottieReactNative/ContainerView.swift |  4 --
 2 files changed, 56 insertions(+), 4 deletions(-)
 create mode 100644 apps/paper/src/FramesExample.tsx

diff --git a/apps/paper/src/FramesExample.tsx b/apps/paper/src/FramesExample.tsx
new file mode 100644
index 00000000..a4155618
--- /dev/null
+++ b/apps/paper/src/FramesExample.tsx
@@ -0,0 +1,56 @@
+import LottieView from 'lottie-react-native';
+import {useRef, useState} from 'react';
+import {Button, StyleSheet, TextInput, View} from 'react-native';
+
+export const FramesExample = () => {
+  const [startFrame, setStartFrame] = useState(0);
+  const [endFrame, setEndFrame] = useState(15);
+
+  const ref = useRef<LottieView>(null);
+
+  const playFrames = () => {
+    ref.current?.play(startFrame, endFrame);
+  };
+
+  return (
+    <View style={styles.container}>
+      <LottieView
+        ref={ref}
+        source={require('./animations/LottieWalkthrough.json')}
+        autoPlay={false}
+        loop={false}
+        style={styles.lottie}
+      />
+      <TextInput
+        key={'startFrame'}
+        defaultValue={'0'}
+        style={styles.input}
+        placeholder="start frame"
+        onChangeText={e => setStartFrame(parseInt(e ?? 0))}
+      />
+      <TextInput
+        key={'endFrame'}
+        defaultValue={'15'}
+        style={styles.input}
+        placeholder="end frame"
+        onChangeText={e => setEndFrame(parseInt(e ?? 0))}
+      />
+      <Button title={'Play frames'} onPress={playFrames} />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 16,
+  },
+  lottie: {
+    width: 200,
+    height: 200,
+    resizeMode: 'contain',
+  },
+  input: {borderWidth: 1, borderColor: 'black', width: 200, padding: 4},
+});
diff --git a/packages/core/ios/LottieReactNative/ContainerView.swift b/packages/core/ios/LottieReactNative/ContainerView.swift
index 878363d6..80f3fbb3 100644
--- a/packages/core/ios/LottieReactNative/ContainerView.swift
+++ b/packages/core/ios/LottieReactNative/ContainerView.swift
@@ -31,10 +31,6 @@ class ContainerView: RCTView {
                 onFinish(["isCancelled": !animationFinished])
             }
             self.delegate?.onAnimationFinish(isCancelled: !animationFinished);
-            if (animationFinished) {
-                // Force the animation to stay on the last frame when the animation ends
-                self.animationView?.currentProgress = 1;
-            }
         };
     }