防止在本机反应中按下 TextInput 时显示系统键盘

Question

我想在按下输入字段时显示我的自定义键盘组件。我想防止系统默认键盘被触发。

我尝试在 onFocus 上关闭键盘，但这会触发键盘，然后关闭键盘。

 <TextInput
     placeholder="type here"
     onFocus={Keyboard.dismiss}
 />

我已经厌倦了将 TextInput 包装在 TouchableWithoutFeedback 中，但这个解决方案不起作用。

<TouchableWithoutFeedback
    onPress={() => Keyboard.dismiss()}
    accessible={false}
>
    <View>
        <TextInput placeholder="type here" />
    </View>
</TouchableWithoutFeedback>

有什么想法可以达到预期的效果吗？

Answer 1

您可以在 Android 上使用 showSoftInputOnFocus，请参阅文档： https://facebook.github.io/react-native/docs/textinput#showsoftinputonfocus

您的情况与连接外接键盘时避免显示键盘相同（在 iPad 上很常见）。

Answer 2

在你项目的（android>app>src>main）文件夹中打开AndroidManifest文件，然后添加：

android:windowSoftInputMode="stateHidden"

到你的活动标签是这样的：

<activity
    android:name=".MainActivity"
    android:label="@string/app_name"
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
    android:windowSoftInputMode="stateHidden">