我正在开发一个应用程序，它使用三角形覆盖其他容器/div.以前用CSS解决过这个问题吗:
.triangle:after {
content: "";
display: block;
position: absolute;
top: 15px;
left: -15px;
width: 0;
border-width: 0px 0px 15px 15px;
border-style: solid;
}
但这在React中已经不起作用了.最好的解决方案是什么？
仍然可以使用CSS技巧在React Native中绘制三角形.
如果你想自己写的话，我使用这个工具:http://apps.eky.hk/css-triangle-generator/来生成我想要的三角形，并修改样式以react 本地语法.
例如，在CSS中指向上的等腰三角形90x90显示:
width: 0;
height: 0;
border-style: solid;
border-width: 0 45px 90px 45px;
border-color: transparent transparent #007bff transparent;
但在中国，这些风格将是:
triangle: {
width: 0,
height: 0,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
borderRightWidth: 45,
borderBottomWidth: 90,
borderLeftWidth: 45,
borderTopColor: 'transparent',
borderRightColor: 'transparent',
borderBottomColor: 'red',
borderLeftColor: 'transparent',
},