Css 阴影不'；在react native中，t与可触摸部件的外观正常 描述问题

我有一个有阴影的组件，它看起来像下图：

当我用一个可触摸的东西包裹它时，它变得非常难看，看起来像下图：

正如你所看到的，它似乎被一个正方形包围着，看起来不太好

---

我的代码

+

我的风格也是这样的：

plusAndMinusButtonText:{
颜色：“#888”，
尺寸：28
},
加/减按钮：{
marginLeft:20，
为内容辩护：“中心”，
对齐项目：“居中”，
边界半径：50，
身高：45，
宽度：45，
背景颜色：“白色”，
阴影颜色：“84A4FF”，
阴影偏移：{
宽度：0，
高度:0,，
},
阴影不透明度：0.2，
阴影半径：10，
标高：3，
},

---

有人能帮我一起解决这个问题吗？

这是因为TouchableOpacity元素，您需要做的是提供TouchableOpacity样式或删除它。如果您决定为TouchableOpacity设置样式，请确保为其设置足够的高度，以使其不会干扰阴影

这是由于TouchableOpacity元素而发生的，您需要做的是设置TouchableOpacity样式或将其删除。如果您决定为TouchableOpacity指定样式，请确保为其指定足够的高度，这样它就不会干扰阴影

使用

style={{flex:1}

创建

TouchableOpacity

---

在需要使屏幕布局，因为它将能够传播他想要的

使用

style={{{flex:1}}

制作

TouchableOpacity

---

在需要使屏幕布局，因为它将能够传播他想要的

将

backfaceVisibility:“隐藏”

添加到您的

plusandminButton

样式中。现在，阴影将显示在框的周围。

将

背面可见性：“隐藏”添加到
plusandmusbutton
样式中。现在阴影将显示在长方体周围。
我不想给它太多的高度，因为它的扩展空间有限。减小按钮的大小，并给可触摸的不透明度提供更多的大小，这应该可以做到。之所以会出现这种情况，是因为TouchableOpacity不会重新认识阴影的半径，因为heightdude减小按钮的大小会导致糟糕的用户体验，所以我不能，但感谢您的帮助UX是另一个方面，我告诉你，最好的解决方案是给TouchableOpacity赋予样式，并给它一个比加号按钮大的高度。我不想给它太多的高度，因为它的扩展空间有限。减小按钮的大小，给TouchableOpacity赋予更多的大小，这应该可以做到。之所以会出现这种情况，是因为TouchableOpacity不会重新认识阴影的半径，因为heightdude减小按钮的大小会导致糟糕的用户体验，所以我不能，但感谢您的帮助UX是另一个方面，我告诉你，最好的解决方案是给TouchableOpacity赋予风格，并给它一个大于加号按钮的高度。你需要它的父级
flex
，在某个地方你的布局缩小并覆盖阴影。你需要它的父级
flex
也在某个地方，你的布局缩小并覆盖阴影