How to call nested scenes multiple times (Child keys must be unique)

[Rmannn]

When I use nested scenes as following
profile (currentUser) => View => profile (OtherUser)
I get an error
Warning: flattenChildren(...): Encountered two children with the same key, .0:$card_profile. Child keys must be unique; when two children share a key, only the first child will be used.

Is there a way to push a view that already exists ? When the user is different in my case.

[peterlazar1993]

@aksonov Facing the same issue, not sure what I'm doing wrong

const scenes = Actions.create(
  <Scene key="root" hideNavBar>
    <Scene key="auth" component={Auth} />
    <Scene key="leaderboard" component={LeaderBoard} />
  </Scene>

It works if I change the scene type to replace though.

[aksonov]

@Rmannn could you create separate 'action' with separate key for profile (OtherUser) ?

[Rmannn]

This is what i did. but,
The navigation stack should allow us to push same scene (different instance) to the stack.
The solution works only if we plan to navigate throught those scenes only once.

if I do
profile (currentUser) => View => user_profile (OtherUser1) => View => user_profile (OtherUser2)
This will fail with the same error when we push the second profile with different user.

I would like to be able to loop navigate through my scenes.

[chenxiaohu]

I think need dynamic scene to face this type problem, but I can't find any code example..
Use case：
User_1 page open User_2, there are many different users(1,2,3....999...) , and in navigator stack more than one

[aksonov]

please check 3.0.11

[Rmannn]

Thank you, this is working now.
I was trying to do it over a PR.

Something we should do is when we Jump to the tabs (root), do not animate each children.
If the stack is really huge, we will have an animation like the end of a solitaire game. Cards are moving until Jump is done. Maybe we should animate only the current child. I suppose this is linked to the support of custom schema.

if I do
user_profile (User) => user_profile (OtherUser1) => View => user_profile (OtherUser2) => JUMP to user_profile (User)
All children OtherUser1, OtherUser2 will be animated until User.

[aksonov]

Check Example and set duration to {1} for Scene to avoid animations. Maybe you could propose PR for that. For example you could wrote own custom renderer based on TabBar without animation.

I'm closing this ticket.

[Rmannn]

Thanks, I will try to propose some PR if I modify the renderer.

[Rmannn]

For those who are searching how to override the TabView default behavior,
You have to override the TabView Component and override the NavigationCardStack _setTiming Default function.
Because when you have scenes inside tabs, we use a NavigationCardStack instead of the default NavigationAnimatedView. Changing the duration for cards inside tabs has no effect. (using duration={1}) on tab scenes.