反应原生视图层技巧答案

【问题标题】：React native view layer trick反应原生视图层技巧
【发布时间】：2020-10-23 07:47:29
【问题描述】：

我有一个关于View 组件的问题，它是一种反应原生层结构。看下面的代码：

<View>
  <Image /> //this is my background image.
  <View></View> //this is just making a border.
  <Image /> //this is my small logo image with .png format.
</View>

这就是它的样子：

所以我想要的是当我将logo image 组件放在border 上时，与logo image 相交的border 必须是不可见的。另一方面，border 的其他部分必须可见。有可能制作吗？如果可以的话，我该怎么做呢？

【问题讨论】：

我过去遇到过这种情况。这是我的解决方案：为设置边框顶部、左侧、右侧，并为徽标图像使用伪 css。你可以试试
css 伪类不能与 react-native 一起使用，对吗？

标签： css reactjs react-native

【解决方案1】：

SVG 可以解决您的问题。 Expo SVG page 有一个有用的例子和提示。

【讨论】：

是的好建议，但我忘了提；我的标志图像和边框是动态的。我的意思是我可以改变两种尺寸。因此，在很多情况下，我可以根据您的建议使我的徽标图像和边框兼容，但有时会不兼容。例如;我的标志可以很宽也可以很小。