React Native中的CSS三角形

帕特里克

三角形

我正在使用一个使用覆盖其他容器/ 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三角形的方式类似。如果三角形具有纯色,而不是渐变或其他图案,则可以使用tintColorstyle属性设置其颜色

例:

<Image
  source={require('image!triangle')}
  style={{tintColor: '#008080'}}
/>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章