React Native中的隐藏TextInput

乔89

我正在一个项目中,其中我已连接到扫描仪。扫描仪在扫描后将发送文本。现在,我有一个“文本输入(隐藏)”字段以从扫描仪获取详细信息,但是当文本输入获得焦点时,我面临的问题是键盘正在显示。我尝试使用Keyboard.dismiss(),但这也从TextInput移除了焦点(现在从Scanner返回的文本不再被TextInput监听)。我该如何解决这个问题?

以下是代码

 <TextInput
            style={Style.hiddenInput}
            autoFocus={true}
            multiline
            onFocus={Keyboard.dismiss}
            onChangeText={this._onHiddenTextChangeText}
            value={this.state.hiddenInput}
          />

款式

 hiddenInput: {
    width: 0,
    height: 0,
  },
乔89

我通过添加本机包解决了此问题。我在下面的github链接中添加了示例

https://github.com/mohanprasathsj/reactnative-hidekeyboardonfocusexample

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在react-native中按下textinput时隐藏图像

来自分类Dev

如何在react-native中按下textinput时隐藏图像

来自分类Dev

React Native 无法在 TextInput 中聚焦

来自分类Dev

React-Native - TextInput 中的 Firebase 数据

来自分类Dev

在React Native中关闭多行TextInput中的键盘

来自分类Dev

React-Native自动完成输入中textInput中的边框

来自分类Dev

在React Native中隐藏导航栏

来自分类Dev

在React Native中隐藏createBottomTabNavigator标签栏

来自分类Dev

在React Native中隐藏和显示组件

来自分类常见问题

如何在React Native中设置TextInput的样式以输入密码

来自分类Dev

react-native中TextInput的焦点样式

来自分类Dev

如何在React Native中验证TextInput值?

来自分类Dev

在React Native中触摸TextInput时打开键盘和/或DatePickerIOS

来自分类Dev

如何在React Native中更改TextInput占位符的样式?

来自分类Dev

React-Native中的TextInput怪异行为

来自分类Dev

React Native中TextInput上的线性渐变BorderColor

来自分类Dev

React Native中TextInput的onChange事件的TypeScript类型

来自分类Dev

React Native:此TextInput代码中的onChangeText如何传递值?

来自分类Dev

如何在React Native TextInput中更改光标的宽度?

来自分类Dev

在React Native TextInput中更改单个单词的颜色

来自分类Dev

如何在React Native Android中聚焦TextInput

来自分类Dev

无法在React Native中更改或使用导入的TextInput的属性

来自分类Dev

当react-native中的textinput处于焦点时获取坐标

来自分类Dev

在React Native Navigation中的标签中隐藏标签

来自分类Dev

react-native:如何在createStackNavigator中隐藏元素

来自分类Dev

如何在react-native中隐藏顶部导航栏?

来自分类Dev

在 react-native 中动态隐藏导航标题

来自分类Dev

React Native:如何在React Native中发送TextInput的值?

来自分类Dev

React Native:放入视图时TextInput消失

Related 相关文章

  1. 1

    如何在react-native中按下textinput时隐藏图像

  2. 2

    如何在react-native中按下textinput时隐藏图像

  3. 3

    React Native 无法在 TextInput 中聚焦

  4. 4

    React-Native - TextInput 中的 Firebase 数据

  5. 5

    在React Native中关闭多行TextInput中的键盘

  6. 6

    React-Native自动完成输入中textInput中的边框

  7. 7

    在React Native中隐藏导航栏

  8. 8

    在React Native中隐藏createBottomTabNavigator标签栏

  9. 9

    在React Native中隐藏和显示组件

  10. 10

    如何在React Native中设置TextInput的样式以输入密码

  11. 11

    react-native中TextInput的焦点样式

  12. 12

    如何在React Native中验证TextInput值?

  13. 13

    在React Native中触摸TextInput时打开键盘和/或DatePickerIOS

  14. 14

    如何在React Native中更改TextInput占位符的样式?

  15. 15

    React-Native中的TextInput怪异行为

  16. 16

    React Native中TextInput上的线性渐变BorderColor

  17. 17

    React Native中TextInput的onChange事件的TypeScript类型

  18. 18

    React Native:此TextInput代码中的onChangeText如何传递值?

  19. 19

    如何在React Native TextInput中更改光标的宽度?

  20. 20

    在React Native TextInput中更改单个单词的颜色

  21. 21

    如何在React Native Android中聚焦TextInput

  22. 22

    无法在React Native中更改或使用导入的TextInput的属性

  23. 23

    当react-native中的textinput处于焦点时获取坐标

  24. 24

    在React Native Navigation中的标签中隐藏标签

  25. 25

    react-native:如何在createStackNavigator中隐藏元素

  26. 26

    如何在react-native中隐藏顶部导航栏?

  27. 27

    在 react-native 中动态隐藏导航标题

  28. 28

    React Native:如何在React Native中发送TextInput的值?

  29. 29

    React Native:放入视图时TextInput消失

热门标签

归档