TextInput的最佳键盘纪律机制，其后是ScrollView？

Question

我有类似（聊天应用程序，如界面）

<View>
    <View>
        <ScrollView/>
    </View>
    <TextInput/>
</View>

我确实参考了这篇有用的文章here。虚拟键盘如何仍然模糊（重叠，渲染）TextInput（和ScrollView）。 （针对Android和iOS）

Answer 1

我不是100％确定我理解你的问题，但我认为你想要的是阻止键盘在TextInput之上。

要解决此问题，您可以使用React Native附带的名为KeyboardAvoidingView的内容。您可以尝试使用以下方法之一解决问题：

1 - 用<KeyboardAvoidingView behavior={"padding"}> <View> <ScrollView/> </View> <TextInput/> </KeyboardAvoidingView>

替换主视图

<View>
    <View>
        <ScrollView/>
    </View>
    <KeyboardAvoidingView behavior={"padding"}
       <TextInput/>
    </KeyboardAvoidingView>
</View>

2 - 或者，将TextInput放在KeyboardAvoidingView。

中

import {View, TextInput, ScrollView, KeyboardAvoidingView} from 'react-native'

导入它使用：group by

干杯！