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

[freeboub]

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

[freeboub]

I have updated the description to fix sample repo link

[mlecoq]

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)`,
          },
        ]

[reggiegutter]

Can confirm boxShadow is not working properly on Android. I'm using the new box shadow for the new arch

boxShadow: `${config.offset.x}px ${config.offset.y}px ${config.blur}px ${config.spread}px ${config.color}`

It doesn't work on initial render.

[napewnoarnold]

Same here, RectButton doesn't work with boxShadow on Android, was anyone able to fix this?