我正在使用一个使用覆盖其他容器/ 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中不再起作用了。什么是去这里最好的解决方案?
做到这一点的最佳方法是创建一个<Image>
组件并对其进行绝对定位,这与纯CSS三角形的方式类似。如果三角形具有纯色,而不是渐变或其他图案,则可以使用tintColor
style属性设置其颜色。
例:
<Image
source={require('image!triangle')}
style={{tintColor: '#008080'}}
/>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句