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

[v4] | [v2] Does BottomSheetView work with nativewind? #1809

Open
icon2341 opened this issue Apr 20, 2024 · 1 comment
Open

[v4] | [v2] Does BottomSheetView work with nativewind? #1809

icon2341 opened this issue Apr 20, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@icon2341
Copy link

Bug

When using nativewind, this will work on most components but does not seem to work with BottomSheetViews in my testing. All I do is do className="bg-blue-500" which does not work.

Environment info

Library Version
@gorhom/bottom-sheet ^4.6.1
react-native 0.73.6
react-native-reanimated ~3.6.2
react-native-gesture-handler ~2.14.0

Steps To Reproduce

  1. Create BottomSheetView Component
  2. Install and test Native wind to ensure it is working correctly

Describe what you expected to happen:

  1. The background color of the component should be bg-black-400

Reproducible sample code

<BottomSheetView style={{padding: 10, height: '100%'}} className={"bg-black-400"}>

@icon2341 icon2341 added the bug Something isn't working label Apr 20, 2024
@XantreDev
Copy link

XantreDev commented May 1, 2024

I have this issue with some BottomSheet components as well. You can use const BottomSheetView = styled(LibBottomSheetView)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants