IjzerenHein / IjzerenHein/react-native-shared-element

Basic example not working as a functional component

Open
#115 3 comments 0 reactions 0 assignees View on GitHub
repro provided
Dominant language
TypeScript
Stars
2.3k
Forks
113
PR merge metrics
No merged PRs in 30d

Description

I tried to use the basic example with functional component and failed to to this. I saw there's already an issue discussing about it (https://github.com/IjzerenHein/react-native-shared-element/issues/9), but no answer was provide.

Using the navigation lib, everything is fine, but this librairy not.
The main goal is to achieve the basic implementation so I can do more complex things.

Tried to use State, Refs but nothing is working, everytime I get errors like **Error: Maximum update depth exceeded.**

Repro : https://snack.expo.dev/@marc-hbb/sharedelement

EDIT : My final goal is to have a shared element transition on a view. With navigation, it seems that if I want to use it on a View (with an image inside), the image is laggy.
On the other hand, on the "hero" example the shared element is a View.
If there's a way to achieve this with react-navigation-shared-element please let me know ! :)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the linked Expo Snack reproduction and compare it with the basic and hero examples, then review the related issue #9 for prior discussion. Confirm the functional-component example can run without the “Maximum update depth exceeded” error and that a shared-element transition on a View works as described.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.