如何在 React Native 中的 WhatsApp 聊天消息气泡中制作左上角尖角



在此处输入图像描述

在上面的WhatsApp聊天图片中。 如何在反应原生样式表中制作左上角。在 Web 中,我们使用"之前"伪类制作,但在 反应原生样式表中 .伪类不起作用。

您可以创建自定义三角形视图并将其放置在气泡的左上角。还要保持气泡 0 左上角的边框半径,以便三角形视图完美融合。

您可以参考以下链接创建自定义三角形视图。

https://reactnativecode.com/triangle-shape-view/

最新更新