我有类似的东西(类似聊天应用的界面)
<View>
<View>
<ScrollView/>
</View>
<TextInput/>
</View>我确实参考了这篇有用的文章here。虚拟键盘是如何遮蔽(重叠,渲染) TextInput (和ScrollView)的。(同时瞄准安卓和iOS)
发布于 2017-02-28 14:14:59
我不能100%肯定我理解了你的问题,但我认为你想要的是防止键盘在TextInput上。
要解决这个问题,你可以使用React Native自带的[KeyboardAvoidingView][1]。您可以尝试使用以下方法之一来解决您的问题:
1-将主视图替换为KeyboardAvoidingView
<KeyboardAvoidingView behavior={"padding"}>
<View>
<ScrollView/>
</View>
<TextInput/>
</KeyboardAvoidingView>2-或者,将TextInput放入KeyboardAvoidingView中。
<View>
<View>
<ScrollView/>
</View>
<KeyboardAvoidingView behavior={"padding"}
<TextInput/>
</KeyboardAvoidingView>
</View>要导入它,请使用:import {View, TextInput, ScrollView, KeyboardAvoidingView} from 'react-native'
干杯!
https://stackoverflow.com/questions/42501335
复制相似问题