如何在React Native中使底部标签栏角透明？

Question

我正在使用 React Native 开发一个应用程序，我想创建一个带有圆角的底部标签栏。虽然我设法使用 borderTopEndRadius 和 borderTopLeftRadius 将角变圆，但角有白色背景，我希望它们是透明的。选项卡栏的其余部分应保留其颜色，但我需要角是透明的。

这是我当前使用的样式：

tabBarStyle: { backgroundColor: "#990540", height: 63, borderTopEndRadius: 15, borderTopLeftRadius: 15, borderTopWidth: 0, }

使用此配置，角是圆角的，但它们仍然显示白色背景。如何仅使角透明，同时保持选项卡栏背景颜色的其余部分完好无损？

来自我的应用程序

我还没有尝试过，因为我想不出什么。

Answer 1

所以问题基本上是在将你留下的角圆化之后，这些角后面有白色背景

根据我的说法，“透明角”意味着这些角后面的空间应该与屏幕的颜色而不是白色相匹配。

请添加位置：'绝对'，看看是否可以解决您的问题

>

深色主题中的底部选项卡 浅色主题中的底部选项卡

如果我误解了你，很抱歉