如何在 react-native 中获得锐利的视图？答案

【问题标题】：How to obtain sharp edged view in react-native?如何在 react-native 中获得锐利的视图？
【发布时间】：2021-04-11 17:01:22
【问题描述】：

是否可以使用 canvas 或 View 在本机反应中获得以下视图？

【问题讨论】：

标签： reactjs react-native canvas

【解决方案1】：

我很确定如果你使用它是可以实现的

灰色层 - 白色背景，灰色前景，带有borderBottomLeftRadius
白色层-borderBottomLeftRadius BorderTopRightRadius
另一个带有borderTopRightRadius的图层

灰色层示例

<View style={{ backgroundColor: '#FFF', height: 20 }}>
    <View style={{ backgroundColor: "grey", borderBottomLeftRadius: '20%'}}>
        content
    </View>
</View>

您只需要使用背景颜色、borderColor 和borderradius 等。尽管它可能看起来与您想要的不完全相同。并且可能在不同设备上显示不同

【讨论】：

但是否有可能在右下角获得锐利的边缘？如果有办法获得锋利的边缘，那将有很大的帮助
你需要在底部再创建一个视图，第三个视图。虽然你可能无法实现阴影效果
是的，我会试试看