React-native-navigation: [V3] largeTitle breaks title transitions and render title twice

[ivan3177]

Issue Description

If largeTitle is enabled on version 3.2.0 then:

1. Title is rendered twice
2. Title on next screen in stack is positioned wrong if it's not largeTitle
3. When going back to screen with largeTitle second(not right rendered) title is repositioned unexpectedly

On version 2.21.0(before update to latest v3 release) everything was OK

Steps to Reproduce / Code Snippets / Screenshots

static options() {
  return {
    topBar: {
      title: {
        text: 'Test',
      },
      largeTitle: {
        visible: true,
      },
    }
}

Now:

Expected:

---

Environment

• React Native Navigation version: 2.21.0 -> 3.2.0
• React Native version: 0.59.10
• Platform(s) (iOS, Android, or both?): iOS 12.2
• Device info (Simulator/Device? OS version? Debug/Release?): All

[marf]

Same problem here!

[davrosull]

I'm seeing the same problem too.

Also seeing the title not being set unless I call mergeOptions in the constructor.

 Navigation.mergeOptions(this.props.componentId, {
       topBar: {
         title: { text: 'Header Title' },
         largeTitle: { visible: true, color: 'white' },
       },
     });

---

Environment

• React Native Navigation version: 2.21.0 -> 3.2.0
• React Native version: 0.60.5
• Platform(s) (iOS, Android, or both?): iOS 12.4
• Device info (Simulator/Device? OS version? Debug/Release?): All

[nbolender]

+1

[ivan3177]

Any updates on this?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[tellodaniel]

+1

[yogevbd]

Fixed in https://github.com/wix/react-native-navigation/commit/65118b1ed28dd5a4636dabd5952c515d18a0b802 and available in version 4.0.4