feat: added reset

android/src/main/java/com/rivereactnative/RiveReactNativeView.kt

@@ -151,6 +151,18 @@ class RiveReactNativeView(private val context: ThemedReactContext) : FrameLayout
     resetRiveResource()
   }
 
+  fun reset() {
+    url?.let {
+      if(resId == -1) {
+        riveAnimationView.drawable.reset()
+      }
+    } ?: run {
+      if(resId != -1) {
+        riveAnimationView.reset()
+      }
+    }
+  }
+
   fun update() {
     reloadIfNeeded()
   }

android/src/main/java/com/rivereactnative/RiveReactNativeViewManager.kt

@@ -10,7 +10,8 @@ class RiveReactNativeViewManager : SimpleViewManager<RiveReactNativeView>() {
   private enum class Commands {
     PLAY,
     PAUSE,
-    STOP
+    STOP,
+    RESET
   }
 
 
@@ -31,7 +32,9 @@ class RiveReactNativeViewManager : SimpleViewManager<RiveReactNativeView>() {
       "pause",
       Commands.PAUSE.ordinal,
       "stop",
-      Commands.STOP.ordinal
+      Commands.STOP.ordinal,
+      "reset",
+      Commands.RESET.ordinal
     )
   }
 
@@ -61,6 +64,7 @@ class RiveReactNativeViewManager : SimpleViewManager<RiveReactNativeView>() {
         }
       }
       Commands.STOP.ordinal -> view.stop()
+      Commands.RESET.ordinal -> view.reset()
       else -> {
       }
     }

example/src/App.tsx

@@ -42,6 +42,10 @@ export default function App() {
     setPlaying(false);
   };
 
+  const resetAnimation = () => {
+    riveRef.current?.reset();
+  };
+
   return (
     <View style={styles.container}>
       <Rive
@@ -70,12 +74,14 @@ export default function App() {
         }}
         style={styles.box}
         fit={fit}
-        resourceName={
-          Platform.OS === 'android' ? 'artboard_animations' : 'bird'
-        }
-        // url={'https://cdn.rive.app/animations/juice_v7.riv'}
+        // resourceName={Platform.OS === 'android' ? 'flying_car' : 'bird'}
+        url={'https://cdn.rive.app/animations/juice_v7.riv'}
       />
       <View style={styles.wrapper}>
+        <TouchableOpacity onPress={resetAnimation}>
+          <Text style={styles.button}>{'RESET'}</Text>
+        </TouchableOpacity>
+
         <TouchableOpacity onPress={toggleAnimation}>
           <Text style={styles.button}>{isPlaying ? 'PAUSE' : 'PLAY'}</Text>
         </TouchableOpacity>

src/Rive.tsx

@@ -184,14 +184,23 @@ const RiveContainer = React.forwardRef<RiveRef, Props>(
       );
     }, []);
 
+    const reset = useCallback(() => {
+      UIManager.dispatchViewManagerCommand(
+        findNodeHandle(riveRef.current),
+        UIManager.getViewManagerConfig(VIEW_NAME).Commands.reset,
+        []
+      );
+    }, []);
+
     useImperativeHandle(
       ref,
       () => ({
         play,
         pause,
         stop,
+        reset,
       }),
-      [play, pause, stop]
+      [play, pause, stop, reset]
     );
 
     return (

src/types.ts

@@ -10,6 +10,7 @@ export type RiveRef = {
     areStateMachines?: boolean
   ) => void;
   stop: () => void;
+  reset: () => void;
 };
 
 export enum Fit {