Skip to content

[Pressable] : border*Color & border*Width don't work #3304

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.

Sign up for GitHub

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

Jump to bottom
Open
freeboub opened this issue Dec 20, 2024 · 2 comments · May be fixed by #3409
Open

[Pressable] : border*Color & border*Width don't work #3304

freeboub opened this issue Dec 20, 2024 · 2 comments · May be fixed by #3409
Assignees
@latekvo
Labels
Can repro It is confirmed we can reproduce the issue Platform: Android This issue is specific to Android Repro provided A reproduction with a snack or repo is provided

Comments

@freeboub
Copy link

freeboub commented Dec 20, 2024 •
edited
Loading

Description

The borderColor & borderWidth like : borderBottomColor and borderBottomWidth doesn't work at all.
They doesn't seem to be implement with fabric.

Steps to reproduce

See sample code:

      <Pressable
          style={{borderBottomColor: '#FF0000', borderBottomWidth: 5}}
          onPress={() => console.log('onPress')}
      >
        <Text>'Hello World'</Text>
      </Pressable>

borderBottomWidth => not border is displayed
if I change to borderColor the border is black (borderBottomColor is not handled)

Snack or a link to a repository

https://github.com/freeboub/bug-react-native-gesture-handler-android-pressable-border

Gesture Handler version

2.21.2

React Native version

0.76.2

Platforms

Android

JavaScript runtime

Hermes

Workflow

Expo bare workflow

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

None

Device model

No response

Acknowledgements

Yes
@github-actions github-actions bot added Platform: Android This issue is specific to Android Missing repro Repro provided A reproduction with a snack or repo is provided and removed Missing repro labels Dec 20, 2024
@freeboub
Copy link
Author

I have updated the description to fix sample repo link

@latekvo latekvo added the Can repro It is confirmed we can reproduce the issue label Feb 14, 2025
@latekvo latekvo self-assigned this Feb 14, 2025
@latekvo latekvo linked a pull request Feb 14, 2025 that will close this issue
Draft
@mlecoq
Copy link

mlecoq commented Mar 6, 2025

I think we also have the issue with boxShadow (at least on android), for example :

boxShadow: [
          {
            offsetX: 0,
            offsetY: 5
            blurRadius: '10',
            spreadDistance: '0',
            color: `rgba(0, 0, 0, 0.2)`,
          },
        ]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@latekvo latekvo

Labels
Can repro It is confirmed we can reproduce the issue Platform: Android This issue is specific to Android Repro provided A reproduction with a snack or repo is provided
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix border styling issues in RNGestureHandlerButton software-mansion/react-native-gesture-handler
3 participants
@mlecoq @freeboub @latekvo