React-native-navigation: [v2] TopBar noBorder not working properly in iOS

[Calvin-LL]

Issue Description

TopBar "noBorder" option does not work properly in an app with bottomtabs when mixed with translucent and blur.
TopBar border appear and disappear randomly when switching tabs in iOS.

Steps to Reproduce / Code Snippets / Screenshots

TopBar border appear and disappear randomly when switching tabs in iOS.

Navigation.setDefaultOptions({
  topBar: {
    noBorder: true,
    background: {
        color: "red",
        translucent: false,
        blur: true,
    }
  },
});
Navigation.setRoot({
  root: {
    bottomTabs: {
      children: [
        {
          stack: {
            children: [
              {
                component: {
                  id: "test1",
                  name: "test1",
                },
              },
            ],
          },
        },
        {
          stack: {
            children: [
              {
                component: {
                  id: "test2",
                  name: "test2",
                },
              },
            ],
          },
        },
      ],
    },
  },
});

---

Environment

• React Native Navigation version: 2.0.2618
• React Native version: 0.57.3
• Platform(s) (iOS, Android, or both?): iOS only
• Device info (Simulator/Device? OS version? Debug/Release?): simulator

[guyca]

Hey there, what exactly doesn't work properly?

[Calvin-LL]

Hey there, what exactly doesn't work properly?

"TopBar border appear and disappear randomly when switching tabs in iOS."

[aurotones]

Hey there, what exactly doesn't work properly?

Sometimes it doesn't work when mixing with properties like top bar background color, blur and translucent.

[Calvin-LL]

Hey there, what exactly doesn't work properly?

Sometimes it doesn't work when mixing with properties like top bar background color, blur and translucent.

You're right, it worked after removing translucent, and blur. Revised the issue to reflect that since it's still a problem

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

[stale[bot]]

The issue has been closed for inactivity.

[qiaolin-pan]

I think it should be reopen.

[LRNZ09]

This is still a problem

[mayconmesquita]

this problem exists

[tarouboy]

RN 0.59.10
RNN 2.26.5

on iOS
noBorder: true works on mobile but no effects on iPad ( Simulator, iOS 12+ ), tried all the options I can think of, with / without background, using default options / set per screen / set per push.

Is that the team already working on V3? I still found many problems on V2...

[tarouboy]

RN 0.59.10
RNN 2.26.5

on iOS
noBorder: true works on mobile but no effects on iPad ( Simulator, iOS 12+ ), tried all the options I can think of, with / without background, using default options / set per screen / set per push.

Is that the team already working on V3? I still found many problems on V2...

In case you're experiencing the same issue,
the border is now hidden after I changed barStyle: 'black' under the topBar style object.

[daveyjones]

I can confirm that there is currently no way to remove the top bar border from iPad.