как вводить получить фокус каждый раз в реагировать навигации

Question

Я использую реагирующую навигацию TabNavigator и хочу, чтобы каждый раз, когда пользователь переходил на вторую вкладку, один текстовый вход на экране получал фокус, а клавиатура появлялась

Answer 1

Самое простое - добавить «автофокус» к вашему текстовому вводу, например:

 <TextInput 
       placeholder="Type any activity name"
       placeholderTextColor="lightgray"
       ...
       ref="textInput"
       autoFocus />

Answer 2

это может помочь вам

this.viewDidAppearListener = this.props.navigation.addListener('didFocus', (payload) => this._viewDidAppear(payload));

Событие

didFocus будет запускаться каждый раз, когда отображается представление (например, viewDidAppear в iOS), поэтому вы можете вручную ввести focus() в текстовый ввод.

Answer 3

Вы можете использовать ссылки и реагировать жизненный цикл навигации для этого:

constructor(props) {
  super(props);
  this.input = React.createRef();
  this.didFocusDSubscription = this.props.navigation.addListener(
    'didFocus',
    payload => {
      this.input.current.focus();
    }
  );
}
render() {
  return <TextInput ref={this.input} />;
}