1

我有一个问题,如何使用反应原生样式,如下所示?

图片 1:我有一个解决方案,将 2 个矩形及其边框半径分开,但边框半径与其默认值相比如何?

在此处输入图像描述

在此处输入图像描述

图2:……

在此处输入图像描述

4

1 回答 1

1

据我所知,ReactNative 不支持这种“倒置”边界半径。有些人使用其他视图作为“掩码”来实现与此类似的事情,在这个问题中有一个与您非常相似的用例:

https://stackoverflow.com/a/59082965/2719629

他们得到了相当预期的结果,但没有阴影。

我建议的另一种选择是在两个矩形之间使用 svg,但这可能很难实现,而且 svg 的阴影也不适用于 android。

于 2021-04-18T09:08:06.303 回答