rive-app / rive-app/rive-react-native

Difficulty Creating Custom Expo Module with Rive React Native View - Need Help

Open
#250 1 comment 0 reactions 0 assignees View on GitHub

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.)
image

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.
image

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.