【问题标题】:Disable IOS keyboard suggestions in React Native在 React Native 中禁用 IOS 键盘建议
【发布时间】:2018-01-04 20:18:09
【问题描述】:

我正在尝试在我的应用程序中设置评论页面,我希望评论输入字段位于键盘顶部,就像 Facebook、Instagram、Strava 和许多其他应用程序一样。但是当键盘进来时,它在顶部有这样的建议:

我想在此处禁用键盘上方的建议,以便我可以将文本输入放在键盘顶部。这在 React-Native 中可行吗?

反应原生:0.44.0

【问题讨论】:

    标签: ios react-native keyboard react-native-ios


    【解决方案1】:

    所以经过一番挖掘后,我发现如果您将 TextInput 本身的 autoCorrect 属性设置为 false,它会删除键盘上方的建议。无需进入本机代码来尝试解决此问题。

    即:<TextInput autoCorrect={false}/>

    【讨论】:

    • 不幸的是,autocorrect={false} 仍然为我显示。
    • @VDog 可能有点晚了,但我认为是autoCorrect 而不是autocorrect ;)
    • 将它与 react-native-elements 输入一起使用,它就像一个魅力
    • 如果这似乎不起作用,请尝试完全重新启动应用程序,只需重新加载屏幕并打开输入,更改似乎并不总是生效。还可以尝试更改其他标志,如键盘类型和文本内容类型,由于 RN 如何在后台处理标志,存在一些不直观的不兼容性。
    • 目前没有有效的解决方法。一个潜在的解决方法是将类型设置为密码,然后 onFocus 将其重置回文本。给我造成了太多的 CSS 问题。
    【解决方案2】:

    对于 ios,接受的答案可以正常工作,但我只是想为 android 添加。

    因此,对于 android,要隐藏建议,请使用 keyboardType='visible-password' 作为要隐藏建议的 textInput。

    【讨论】:

      【解决方案3】:

      如果 ReactNative 在UITextField 上公开了autocorrectionType 属性,您可以将其设置为UITextAutocorrectionTypeNo

      【讨论】:

        【解决方案4】:

        这是一个由用户启用或禁用的选项,如果对显示内容至关重要(除非您很高兴用户可能需要滚动),那么在此处放置内容是不明智的原因。

        通过 react native 提供了一些有用的实用程序,它们允许您以其他方式控制键盘,例如...

        https://facebook.github.io/react-native/docs/keyboard.html

        https://facebook.github.io/react-native/docs/keyboardavoidingview.html

        还有其他各种 npm 包也值得一看。

        【讨论】:

        • 这与问题完全无关
        猜你喜欢
        • 1970-01-01
        • 2016-08-28
        • 1970-01-01
        • 2014-05-15
        • 2023-03-03
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多