chore: add rewards.riv resource to expo-example (#29)

* chore: use expo-assets to add rewards.riv from expo-example

* ios: initialInput removed

Author: mfazekas

example/assets/rive/rewards_source.riv example/assets/rive/rewards.rivexample/assets/rive/rewards_source.riv renamed to example/assets/rive/rewards.riv

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import {
   ActivityIndicator,
-  SafeAreaView,
   ScrollView,
   StyleSheet,
   Text,
@@ -52,14 +51,14 @@ export default function StateMachine() {
     return <ActivityIndicator />;
   } else if (error != null) {
     return (
-      <SafeAreaView style={styles.safeAreaViewContainer}>
+      <View style={styles.safeAreaViewContainer}>
         <Text>Error loading Rive file</Text>
-      </SafeAreaView>
+      </View>
     );
   }
 
   return (
-    <SafeAreaView style={styles.safeAreaViewContainer}>
+    <View style={styles.safeAreaViewContainer}>
       <RiveView
         file={riveFile}
         fit={Fit.Contain}
@@ -109,7 +108,7 @@ export default function StateMachine() {
           </View>
         </View>
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 }
 

example/src/pages/OutOfBandAssets.tsx

@@ -15,7 +15,7 @@ import { type Metadata } from '../helpers/metadata';
 
 export default function WithRiveFile() {
   const { riveFile, isLoading, error } = useRiveFile(
-    require('../../assets/rive/rewards_source.riv')
+    require('../../assets/rive/rewards.riv')
   );
 
   return (

example/src/pages/RiveDataBindingExample.tsx

@@ -0,0 +1,56 @@
+module.exports = {
+  expo: {
+    name: 'expo-example',
+    slug: 'expo-example',
+    version: '1.0.0',
+    orientation: 'portrait',
+    icon: './assets/images/icon.png',
+    scheme: 'expoexample',
+    userInterfaceStyle: 'automatic',
+    newArchEnabled: true,
+    ios: {
+      supportsTablet: true,
+      bundleIdentifier: 'com.rive.expo-example',
+    },
+    android: {
+      adaptiveIcon: {
+        backgroundColor: '#E6F4FE',
+        foregroundImage: './assets/images/android-icon-foreground.png',
+        backgroundImage: './assets/images/android-icon-background.png',
+        monochromeImage: './assets/images/android-icon-monochrome.png',
+      },
+      edgeToEdgeEnabled: true,
+      predictiveBackGestureEnabled: false,
+      package: 'com.rive.expoexample',
+    },
+    web: {
+      output: 'static',
+      favicon: './assets/images/favicon.png',
+    },
+    plugins: [
+      'expo-router',
+      [
+        'expo-splash-screen',
+        {
+          image: './assets/images/splash-icon.png',
+          imageWidth: 200,
+          resizeMode: 'contain',
+          backgroundColor: '#ffffff',
+          dark: {
+            backgroundColor: '#000000',
+          },
+        },
+      ],
+      [
+        'expo-asset',
+        {
+          assets: ['../example/assets/rive/rewards.riv'],
+        },
+      ],
+    ],
+    experiments: {
+      typedRoutes: true,
+      reactCompiler: true,
+    },
+  },
+};

expo-example/app.config.js

@@ -85,7 +85,6 @@ export function useRiveFile(
     [options.referencedAssets]
   );
   const initialReferencedAssets = useRef(referencedAssets);
-  const initialInput = useRef(input);
 
   useEffect(() => {
     let currentFile: RiveFile | null = null;
@@ -162,12 +161,6 @@ export function useRiveFile(
     }
   }, [referencedAssets, riveFile]);
 
-  if (initialInput.current !== input) {
-    console.warn(
-      'useRiveFile: Changing input after initial render is not supported.'
-    );
-  }
-
   return {
     riveFile: result.riveFile,
     isLoading: result.isLoading,