如何在图像 React-Native 上添加内阴影答案

【问题标题】：How to add inner-shadow on image React-Native如何在图像 React-Native 上添加内阴影
【发布时间】：2021-09-16 14:12:52
【问题描述】：

如何在 react native 中应用像这张图片一样的按钮内阴影？ Buttom inner shadow

【问题讨论】：

标签： css reactjs react-native styles react-native-stylesheet

【解决方案1】：

好的。我无法添加 cmets，所以我将采用另一个想法。但是，如果您必须单击，这将不起作用。

.container {
  position: relative;
 }

.container::after {
  Position:absolute;
  Inset:0;
  Content:'';
  Background: radial-gradient(rgba(0,0,0,0), black);
  z-index: 1;
}

这个技巧将制作一个可以添加过滤器样式的封面框。但如果你必须点击某些东西，我们需要比这更进一步。

【讨论】：

【解决方案2】：

我认为您指的是应用于元素背景的径向渐变。

Button {
background: radial-gradient(rgba(0,0,0,0), black);
}

有一些选项可以使用百分比百分比来控制相同的渐变，以获得更薄或更厚的效果

【讨论】：

嗨，何塞，这对我来说有点复杂。我的代码是这样的<View style={styles.container}> <Image style={styles.image} source=.../> </View> 问题是图像覆盖了我的视图，所以我无法覆盖背景渐变。怎么可能给我的 View Cointainer 这种风格？