如何在React Native中创建类似box-shadow: inset的内阴影效果？

Question

我是 React Native 新手，正在使用 Expo 构建移动应用程序。我正在尝试创建一个具有内部背景阴影效果的设计，使其看起来弯曲，类似于我使用 CSS 在网络上实现它的方式，如下所示：

box-shadow: inset 1px -3px 6px #63A1DE47, 0px 3px 33px #FFFFFF9C;

我尝试了几个库，例如

react-native-svg

和

react-native-shadow-2

，但都没有提供所需的效果。

React Native 有没有办法实现类似的内嵌阴影效果？如果是这样，我应该考虑哪些技术或库？

预期设计：

我尝试了几个库，例如

react-native-svg

和

react-native-shadow-2

，但都没有提供所需的效果。

Answer 1

最近发布的 React Native 0.76（终于）具有

boxShadow

属性。

虽然目前在查看“样式”文档中仍然没有任何信息，但您可以在这里查看它是如何工作的：0.76 Changelog