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

Question

如何在本机反应中应用像此图像这样的按钮内阴影？ 臀部内阴影

Answer 1

好的。我不能添加评论，所以我会考虑另一个想法。但是，如果您必须单击，这将不起作用。

.container {
  position: relative;
 }

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

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

Answer 2

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

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

可以选择使用百分比百分比来控制相同的梯度，以获得更薄或更厚的效果