一键后iOS上的React Native TextInput隐藏键盘

Posted

技术标签:

【中文标题】一键后iOS上的React Native TextInput隐藏键盘【英文标题】:React Native TextInput on iOS hides keyboard after one keystroke 【发布时间】:2020-05-28 05:02:24 【问题描述】:

从“反应”导入反应; 进口 文本输入, KeyboardAvoidingView, 样式表 来自 'react-native';

从'../constants/Colors'导入颜色;

const QaTextInput = ( style, minWidth, maxWidth, placeholder ) => 常量输入 = 身高:35, 最小宽度:最小宽度, 最大宽度:最大宽度, 边框宽度:1, 边框颜色:颜色.输入, 背景颜色:颜色.输入 ;

return (
    <KeyboardAvoidingView
        behavior="position"
        keyboardVerticalOffset="100"
        enabled>
        <TextInput
            placeholder=placeholder
            autoFocus=true
            showSoftInputOnFocus=true
            style=input
        />
    </KeyboardAvoidingView>
);

;

导出默认QaTextInput;

【问题讨论】:

【参考方案1】:

这就是我使用该组件的方式。其中一个父节点是一个文本节点。将其更改为 View 解决了它。

【讨论】:

以上是关于一键后iOS上的React Native TextInput隐藏键盘的主要内容,如果未能解决你的问题,请参考以下文章

TextInput 忽略 React Native 上的双击(句点)

如何在 iOS 上的 React Native 中的 ImageBackground 上的父视图中显示文本元素?

在 Macbook M1 上的 Xcode 12.4 中构建后,在 iOS 上的 React Native 中找不到 YogaKit.modulemap

启动屏幕后 React Native ios 崩溃

使 React Native Text 组件在 Android 上的 TextInput 内不占用空间

iOS上的React Native相机显示空白屏幕