Tab bar looks strange on Android (dark mode?)

[fredrikburmester]

Code:

<NativeTabs.Screen
        name="(libraries)"
        options={{
          title: "Library",
          tabBarIcon: ({ color, focused, size }) =>
            require("@/assets/icons/server.rack.png"),
        }}
      />

[okwasniewski]

Hey, thanks for opening the issue.

This is indeed an issue with dark mode. The styles of the TabBar on Android are dictated by styles.xml file (Native project file).

We will probably need Expo Config plugin to allow for easy changes. Have you modified this file in any way? Also is the TabBar white if you switch to white mode?

[fredrikburmester]

I have not modified the styles.xml at all. Would be great with an Expo config plugin.

I will test changing to light mode later today and report back.

[a-eid]

@okwasniewski there is no way to pass colors as props ?

[fredrikburmester]

I found that changing color props did nothing. Have not had time to test light mode yet.

[okwasniewski]

@okwasniewski there is no way to pass colors as props ?

Not at the moment, this issue #11 is tracking the progress

[okwasniewski]

Issue tracking expo config plugin: #48