Weird UI on Android 13

[neilanthonyte]

The UI looks weird on android 13 . . is there a way to correct this? Thanks

[neilanthonyte]

apparently the phone was set to dark mode . . is there a way to not follow the phone settings?

[Nantris]

Agreed it should have a way to opt out of the system preferences. Users make exceptions for some apps (if the app offers an option) and this breaks that model.

[vonovak]

Hi!
I think this package could help: https://github.com/vonovak/react-native-theme-control

[Kasendwa]

@vonovak actually this package doesn't resolve the matter. I have it installed but still menu items return in black against the dark background for dark mode.

[Kasendwa]

My bad @vonovak. Something was setting the static color in the base AppTheme. So, even the library stood no chance at fixing this.

Resolved now. You're right.

[fredrikburmester]

Hi, could you expand on how you solved this, I have the same issue. @Kasendwa

[Kasendwa]

Hi, could you expand on how you solved this, I have the same issue. @Kasendwa

Hi @fredrikburmester do you use Expo CNG or bare react native?

[fredrikburmester]

I use Expo. We solved it using a custom plugin and changing the styles.xml directly.

const { readFileSync, writeFileSync } = require("fs");
const { join } = require("path");
const { withDangerousMod } = require("@expo/config-plugins");

const withChangeNativeAndroidTextToWhite = (expoConfig) =>
  withDangerousMod(expoConfig, [
    "android",
    (modConfig) => {
      if (modConfig.modRequest.platform === "android") {
        const stylesXmlPath = join(
          modConfig.modRequest.platformProjectRoot,
          "app",
          "src",
          "main",
          "res",
          "values",
          "styles.xml"
        );

        let stylesXml = readFileSync(stylesXmlPath, "utf8");

        stylesXml = stylesXml.replace(/@android:color\/black/g, "@android:color/white");

        writeFileSync(stylesXmlPath, stylesXml, { encoding: "utf8" });
      }
      return modConfig;
    },
  ]);

module.exports = withChangeNativeAndroidTextToWhite;

[ice-cap0]

seeing this exact issue.