反应本机位置绝对

Question

我想修复我的Image。我使用position: 'absolute'，在iOS中工作正常，但在android中图像消失了。这是我的代码：

<Image style={{width: width, zIndex: 0, position: 'absolute',  top: 0}}
  source={require('../assets/2piano.png')}
  resizeMode="contain"
/>

请帮助!!!

Answer 1

这适用于Android和iOS。由于您的图片来自本地资源，因此您应该为其提供width:null和height:null，以便在其上应用您自己的尺寸。

＆＃13;

＆＃13;

<View style={{width: 500, height:500}}>
  <Image style={{width: null, height:null, zIndex: 0, position: 'absolute',  top: 0, bottom:0, left:0, right:0}}
      source={require('../assets/2piano.png')}
      resizeMode="contain"
    />
</View>

＆＃13;

＆＃13;

＆＃13;

Answer 2

对于风格：

  twoPianoStyle: {
      position: 'absolute',
      height: '100%',
      width: '100%'
  }