По какой-то глупой причине следующий код продолжает отображать 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>
Мне пришлось поставить жесткое кодирование ширины / высоты, чтобы фоновое изображение правильно отображалось ... в противном случае оно дает мне только часть изображения по какой-то причине. Может быть, это то, что вызывает проблемы?
Спасибо!