Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

badge action cannot change by state in dark mode #2465

Open
2 of 6 tasks
llr101 opened this issue Sep 12, 2024 · 1 comment
Open
2 of 6 tasks

badge action cannot change by state in dark mode #2465

llr101 opened this issue Sep 12, 2024 · 1 comment
Assignees
Labels
bug Something isn't working gluestack-style Issue related to gluestack-style v1 gluestack-ui v1

Comments

@llr101
Copy link

llr101 commented Sep 12, 2024

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

  • Expo
  • React Native CLI
  • Next
  • Web
  • Android
  • iOS

Other Platform

No response

Additional Information

No response

@llr101 llr101 added the bug Something isn't working label Sep 12, 2024
@llr101
Copy link
Author

llr101 commented Sep 12, 2024

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

@Viraj-10 Viraj-10 added v1 gluestack-ui v1 gluestack-style Issue related to gluestack-style labels Sep 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working gluestack-style Issue related to gluestack-style v1 gluestack-ui v1
Projects
Status: Backlog
Development

No branches or pull requests

2 participants