<Rive />component, you must supply the
resourceNameprop respectively to the options above, or your component will fail to load.
urlparameter when instantiating the
<Rive />component is to reference the name of the resource/asset in the respective
ios/folder of your React Native project, open the
.xcodeprojfile in XCode. This will open up the native iOS project.
.rivfile into this group, and when prompted by XCode, add it to the Target of your app. This ensures that the Rive file gets included in the bundle resources.
weather_app.rivto the iOS project
android/folder of your React Native project, open the whole folder in Android Studio. This will open up the Android project.
/app/src/main/res/directory, create a new Android Resource Directory, which is where you'll store Rive file assets, and when prompted to select a name for the folder and resource type, select
rawfrom the resource type dropdown. Drop your
.rivfile into this new folder; this ensures that the Rive file gets included in the bundle resources.
weather_app.rivto the Android project
.rivextension) when creating the
<Rive />component, using that