rive-app / rive-app/rive-react-native
Difficulty Creating Custom Expo Module with Rive React Native View - Need Help
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 783
- Forks
- 81
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 3
Description
I have a question about creating a new Rive React Native module on top of the expo module.
The reason I post this issue is to ask for help making a new expo module that supports the new architecture on the expo module.
I first created a new expo module using create-expo-module.
Here is a repository; expo-rive that I’ve created.
I almost copied codes with rive-react-native/android to expo-rive/android.
What I’m currently trying to in the expo-rive/example is rendering riv file like below. (Don’t mind the blue background.)
I set only the minimum code necessary to render the Rive view in the expo-rive/android, but it's not working like below.
The file should appear inside the pink background.
It's my first time creating a native module, so it's difficult. Even though I followed the expo module tutorial.
You can test it by running yarn android in example/android. I would appreciate it if you could tell me what might be wrong.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running yarn android in example/android and review the usage in expo-rive/example/App.tsx. Compare the implementation in expo-rive/android with rive-react-native/android, focusing on the minimum setup needed for the Rive view. Done means the vehicles.riv file renders inside the pink background in the Expo example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- android, react-native, typescript
- Domain
- mobile
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 18/100