Question

我需要一个Image或Imagebackground的六角形形状。我进行了很多搜索，但找不到任何好的答案。

在反应中，我看到了类似clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);的东西。在React本机中，图像视图中是否具有达到六角形的相似形状。

Answer 1

我已经使用库-this

这主要是将图像掩盖成另一个图像的形状。

请按照android和ios的库链接进行操作，请按照上面链接中的教程进行操作。

代码

import {DstATopComposition} from 'react-native-image-filter-kit';

<DstATopComposition 
  dstImage={
    <Image
      style={customStyle != null ? customStyle : style}
      resizeMode="contain"
      source={isBorder ? require("../../assets/images/whiteImage.png") : image }
    />
  }
  srcImage={
    <Image
      style={customStyle != null ? customStyle : style}
      resizeMode="contain"
      source={require('../../assets/images/hex-Image.png')}
    />
  }
/>

React Native中的六边形图像

1 个答案: