React native 在两个视图之间使用图像进行反应

我对react native很陌生，我想做一个页面，基本上有2个

视图

s，它们之间有一个圆形的

图像

（如图中所示），我知道如何进行2个

视图

s，但我不知道如何正确放置

图像

。

这应该可以：

<View style={{flex: 1}}>
    <View style={{height: 200, backgroundColor: 'grey'}}></View>
    <View style={{flexGrow: 1, backgroundColor: 'black', alignItems: 'center'}}>
      <Image
        source={require('./icon.png')} 
        style={{
          position: 'absolute',
          top: -40,
          height: 80,
          width: 80}} 
        />
    </View>
  </View>

请附上一些代码嘿，嗯，附上代码并不重要，我想，我只是不知道如何像我做的示例那样定位一个圆形的图像。两种观点是非常基本的，只是图像我不知道怎么做，我明天会试试，谢谢：）如果它有效，我会接受答案什么似乎是问题@Brunaine？这肯定会起作用。而且它在演示中也不起作用，它是这样显示的，我希望图像在两个视图的前面。在ios中，它起作用，但安卓在后面显示？我如何才能做到这一点？事实上，看起来像是一个Android bug:。您可以尝试绝对从父视图定位视图：