React-native-navigation: Styling Tab Bar - tint overrides background color

[drorbiran]

This issue was originally opened in react-native-controllers

Have I missed something, or is the iOS tint effect overriding the value entered for "tabBarBackgroundColor"?

cc0000 is rendered as #bf1212

ffffff is rendered as #ebebeb

Trying to set the background to absolute white, but always rendering grey.

[savelichalex]

Hm, I think this is happened by apply UIVisualEffect under tab bar. I'm disable it in my app 😄

[yourcontainer]

@savelichalex how you disabled? using xcode?

[hackable]

Is there a temporary fix to this issue

http://stackoverflow.com/questions/42922835/issue-while-adding-uivisualeffect-to-navigation-bar

[mobinni]

@hackable what exactly is the fix? A bit more context would be appreciated

[vladislavoff1]

@mobinni try to add tabBarTranslucent: false to tabsStyle like this

  Navigation.startTabBasedApp({
    tabs,
    tabsStyle: {
      tabBarBackgroundColor: '#000',
      tabBarTranslucent: false,
    },
  })

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