我有一個用於頁面的「全屏」背景圖片:陣營原住民 - 製作背景圖像避免鍵盤
container = {
flex: 1,
width: null,
height: null
}
<View ...>
...
<Image ... styles={container}>
...
<TextInput ... />
...
</Image>
</View>
然而,正如你可能會注意到,輕敲文本輸入將打開鍵盤並且視圖的高度改變。由於圖像設置爲遮蓋,因此也會隨着視圖的尺寸更改而進行調整。我希望父視圖的高度和<Image>
不受鍵盤的影響,只有<Image>
的內容應該通過鍵盤上推。
我知道有一個<KeyboardAvoidingView>
可用,但我不知道如何使用它或甚至處理這種情況。
任何想法都會很棒。謝謝。
爲什麼'''寬度:空, height:null''' –
@PramendraGupta http://stackoverflow.com/a/32428956/283863 –
它不是很清楚你的例子多少,但你有沒有嘗試'''zIndex'''而不是把<圖像總是在後臺? –