gluestack / gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
https://gluestack.io/
MIT License
2.68k stars 121 forks source link

badge action cannot change by state in dark mode #2465

Open llr101 opened 1 month ago

llr101 commented 1 month ago

Description

v1 badge action cannot change by state in dark mode

CodeSandbox/Snack link

as describes

Steps to reproduce

const [isMuted, setIsMuted]= useState(false)

<GluestackUIProvider colorMode=“dark”>
  <Pressable onPress={()=> setIsMuted(prev=>!prev)}>
    <Badge action={isMuted ? “muted” : “info”}>
      <BadgeText>test</BadgeText>
    </Badge>
  </Pressable>
</GluestackUIProvider>

gluestack-ui Version

1.1.51

Platform

Other Platform

No response

Additional Information

No response

llr101 commented 1 month ago

Hey @llr101, It seems to be working for me. dark mode