时间戳

首页 > 解决方案 > Android 键盘重叠输入

javascript - Android 键盘重叠输入

问题描述

使用KeyboardAvoidingView我有一个基本示例，我希望键盘向上推动输入，这样它就不会在 Android 上重叠。当键盘处于焦点时，输入不会移动。有任何想法吗？

输入保持在固定位置，我需要将所有内容都放在滚动视图中吗？

更新：我使用嵌套导航器，父组件上的样式可以阻止此工作吗？

<KeyboardAvoidingView behavior="padding" style={{ flex: 1 }}>
    <TextInput placeholder="input1" />
    <TextInput placeholder="input2" />
    <TextInput placeholder="input3" />
    <TextInput placeholder="input4" />
    <TextInput placeholder="input5" />
    <TextInput placeholder="input6" />
    <TextInput placeholder="input7" />
    <TextInput placeholder="input8" />
    <TextInput placeholder="input9" />
    <TextInput placeholder="input10" />
    <TextInput placeholder="input11" />
    <TextInput placeholder="input12" />
</KeyboardAvoidingView>

标签： javascriptreact-nativereact-navigation

解决方案

尝试按照keyboardavoidingview中的描述更改为behaviorandroid height

import { KeyboardAvoidingView,  Platform  } from 'react-native';

<KeyboardAvoidingView behavior={Platform.OS == "ios" ? "padding" : "height"}
style={{ flex: 1 }} >

推荐阅读