styled-components icon indicating copy to clipboard operation
styled-components copied to clipboard

Support for box-shadow style prop with React Native 0.76 New Architecture

Open darkmyu opened this issue 6 months ago • 1 comments

React Native 0.76 has introduced support for the box-shadow style prop on Views when using the New Architecture, as detailed in the official release notes: React Native 0.76 Release - New Architecture Box Shadow.

This is a fantastic addition! However, it appears that box-shadow styles are not currently being applied when used via styled-components/native in a React Native 0.76 project with the New Architecture enabled.

Are there any plans to add support for the box-shadow prop in styled-components/native to align with its availability in React Native 0.76's New Architecture? Or is there a known workaround or specific syntax required to make this work currently?

darkmyu avatar May 29 '25 07:05 darkmyu

Happy to take PRs to implement this over at https://github.com/styled-components/css-to-react-native

quantizor avatar Jun 14 '25 22:06 quantizor

See https://github.com/styled-components/css-to-react-native/issues/195#issuecomment-2460390062

wojtekmaj avatar Aug 18 '25 13:08 wojtekmaj