無法滾動ScrollView內，當有TextInputs

我有ScrollView裏面那個ScrollView，我有TextInputs，滾動不起作用的TextInput區域。如何解決這個問題？無法滾動ScrollView內，當有TextInputs

render() { 
return (
<View> 
    <ScrollView 
    ref='keyboardScroll' 
    keyboardShouldPersistTaps={true} 
    > 
    <View> 
    <TextInput 
    placeholder='First Name' 
    /> 
    </View> 
    <View> 
    <TextInput 
    placeholder='Last Name' 
    /> 
    </View> 
    <ScrollView> 
</View> 
)}

這是video的問題。

來源

2017-10-09 Lucky_girl

嘗試使用''' – Atef

@Atef包裝您的StyleView我只是添加了style = {{flex：1}但是，ScrollView仍然可以運行越野車。例如，如果我在第4個TextInput中，它不會滾動，但是，如果我第一次在TextInput之外滾動，那麼在TextInput內部它將起作用。 –

嘗試在'contentContainerStyle'對象的ScrollView中添加'flex：1'。您將擁有以下代碼：' Atef

我發現了這個問題的解決方案。主要問題是TextInput字段的文本字體太大，導致TextInput內部滾動，所以有兩種解決方法：1）減小字體大小2）使TextInput字段的高度更大。此解決方案還解決了另一個問題：Placeholders in TextInput are moving during the scroll

來源

2017-10-11 09:36:31

無法滾動ScrollView內，當有TextInputs

回答

相關問題