如何在React Native中自动打开键盘？

Question

我的React Native应用程序中有一个屏幕,其中我有几个文本字段.

我想知道是否有任何方式在屏幕上加载我的关键字自动打开并关注我的第一个文本输入字段？

我正在寻找像stateAlwaysVisibleandroid 这样的东西.

Answer 1

当<TextField />聚焦时,键盘应自动打开.您可以使用autoFocus道具在元素安装时使其聚焦(链接)

Answer 2

这个技巧对我有用

setTimeout(() => InputRef.current.focus(), 100)

Answer 3

另一个解决方案:)

import React, { useRef } from 'react'

export function mycomponent(props) {
   const inputRef = useRef();
   
   return(
         <TextInput 
           ref={inputRef}
           onLayout={()=> inputRef.current.focus()}>
         </TextInput>
   )
}

Answer 4

我的方式（在组件渲染上聚焦和显示键盘时出现问题）

import { InteractionManager, TextInput } from 'react-native';

...

inputRef = React.createRef();

componentDidMount() {
  this.focusInputWithKeyboard()
}

focusInputWithKeyboard() {
  InteractionManager.runAfterInteractions(() => {
    this.inputRef.current.focus()
  });
}

render() {
  <TextInput ref={this.inputRef} />
}