css - React Native中的CSS三 Angular 形

我正在开发一个使用三角形覆盖其他容器/ 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样式属性设置其颜色。

例:

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