[BUG] Android dark mode doesn't work properly

[wcastand]

i copy pasted the code from the documentation and on android the dark mode get a black text over black background. It works fine on IOS.

the code (the component are a copy paste of the one in the documentation)

<DropdownMenuRoot>
  <DropdownMenuTrigger>
    <ArrowDownWideNarrow size={18} color="$neutral900" />
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuCheckboxItem
      value={sorting === "alphabatical"}
      onValueChange={(next) => {
        if (next === "on") setSorting("alphabatical")
        else setSorting("objectif")
      }}
      key="alphabatical"
    >
      <DropdownMenuItemIndicator />
      <DropdownMenuItemTitle>Alphabétique</DropdownMenuItemTitle>
      <DropdownMenuItemIcon ios={{ name: "textformat.characters", pointSize: 18 }} />
    </DropdownMenuCheckboxItem>
    <DropdownMenuCheckboxItem
      value={sorting === "objectif"}
      onValueChange={(next) => {
        if (next === "on") setSorting("objectif")
        else setSorting("alphabatical")
      }}
      key="objectif"
    >
      <DropdownMenuItemIndicator />
      <DropdownMenuItemTitle>Objectifs</DropdownMenuItemTitle>
      <DropdownMenuItemIcon ios={{ name: "line.3.horizontal.decrease.circle", pointSize: 18 }} />
    </DropdownMenuCheckboxItem>
  </DropdownMenuContent>
</DropdownMenuRoot>

zeego: "^3.0.3"
[email protected]
[email protected]
@react-native-menu/[email protected]

expo sdk 52
old architecture