小编den*_*epp的帖子

我有一个底部导航标签栏的 Figma 示例（上图）。它包括两个显示有focused效果的。如您所见，当按钮被按下（聚焦）时，它有一个插入阴影（这在 RN 的这一点上似乎是不可能实现的），另一个有一个提升效果。假设他们会在另一个按钮聚焦不足时切换。

问题在于为我实现插入阴影。我已经对这个问题应用了几种方法，但找不到最佳解决方案。因为一些例子表明有可能达到一个盒子（矩形）的插入阴影；我发现圆形按钮不可能达到相同的结果。

我尝试过的方法：

1. 尝试添加正常阴影（高程效果）。这适用于elevated按钮，但不能应用于按钮focused。（我使用了一些像Ether这样的阴影生成器）
2. 尝试react-native-svg哪个可以让我们构建一个具有所有属性的自定义 XML/CSS 文件（除了inset，因为它不受支持？）
3. 尝试世博线性渐变。我试图从 [x:0,y:1] 到 [x:1,y:0] - 颜色对角线 - [黑色 (10%), 灰色 (40%), 浅灰色 (40%) , 白色 (10%)]。它看起来几乎是正确的，但它仍然不像我预期的那样径向。
4. 尝试条件渲染。我知道根据条件渲染图像是一种糟糕的体验，但我尝试在 GIMP 中创建两个图像（一个有聚焦效果，一个没有），但老实说，我无法用圆形图像做到这一点......

如果有人可以提出任何好的解决方案或在正确的方向上捏我，我将不胜感激。