react-native - ImageBackground 一直在孩子面前渲染

Question

由于某些愚蠢的原因，下面的代码不断渲染 TextInput，然后是 ImageBackground，所以背景总是覆盖孩子：

return <View>
   <ImageBackground
     style={{
        width: 375,
        height: 750,
        justifyContent: 'center',
        zIndex: -1,
     }}
     source={require('../../assets/iphonex.png')} 
    >

    <TextInput 
      onChangeText={(text) => this.studentSearch({ text })}
        placeholder="Search"
        style={{
          backgroundColor: 'transparent',
          textAlign: 'center',
          fontSize: 30,
          padding: 40,
        }}
      />
    </ImageBackground>
  </View>

我必须对宽度/高度进行硬编码以使背景图像正确渲染……否则由于某种原因它只给了我图像的一部分。也许这就是造成麻烦的原因？

谢谢！