React-native-navigation: [v2] bottomTabs - iOS dark mode

Created on 5 Oct 2019 · 3Comments · Source: wix/react-native-navigation

Issue Description

bottomTabs Appearance have changed when I turned on "Dark Mode"

How to manage these Colors (bg, icon, text)?

How to disable this appearance change?

Steps to Reproduce / Code Snippets / Screenshots

https://wix.github.io/react-native-navigation/#/docs/layout-types?id=bottomtabs

settings_appearance

Device: Settings > Display & Brightness > Dark
simulator: Settings > Developer > Appearance > Dark Appearance

light_dark2

Environment

React Native Navigation version: 2.27.9
React Native version: 0.61.1
Platform(s) (iOS, Android, or both?): iOS
Device info (Simulator/Device? OS version? Debug/Release?): Simulator & Device. iOS 13. Debug

Source

hemith

Most helpful comment

You can disable Dark Mode for your app if you add User Interface Style: Light to your Info.plist. (needs xcode 11 to do that)

However, I'm not sure how you can check whether the device has dark mode enabled or not.

markhomoki on 5 Oct 2019

👍3

All 3 comments

You can disable Dark Mode for your app if you add User Interface Style: Light to your Info.plist. (needs xcode 11 to do that)

However, I'm not sure how you can check whether the device has dark mode enabled or not.

markhomoki on 5 Oct 2019

👍3

It works! Thank you very much!

hemith on 6 Oct 2019

@markhomoki I'm trying to migrate from react-navigation to this library because I like things to be native, but is fixing the dark mode support on your roadmap? I want my app to support dark mode.
About the tab icons, does setting tint color help with this?