ImageBackground продолжает рендеринг перед детьми - PullRequest
0 голосов
/ 27 апреля 2018

По какой-то глупой причине следующий код продолжает отображать 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>

Мне пришлось поставить жесткое кодирование ширины / высоты, чтобы фоновое изображение правильно отображалось ... в противном случае оно дает мне только часть изображения по какой-то причине. Может быть, это то, что вызывает проблемы?

Спасибо!

...