Клавиатура не появляется каждый фокус - PullRequest
Новая
       86

Клавиатура не появляется каждый фокус

2 голосов
/ 20 января 2020

Я использую <InputText> из react-native-paper для своего приложения. И я использую свойство autofocus каждый раз, когда я переключаюсь с одного вида на другой, поэтому я могу печатать напрямую, когда появляюсь на экране.

Но проблема в том, что клавиатура появляется случайно ... Иногда Клавиатура приходит одна, и иногда мне нужно нажать на вход, чтобы открыть клавиатуру ...

Это пример ввода, который я использую везде: 

<TextInput
                    label="Article"
                    value={this.state.article}
                    onChangeText={article => this.setState({article})}
                    onSubmitEditing={this.submitStepSaisie1}
                    autoFocus
                    style={{backgroundColor: 'transparent'}}
                />

Я пытался использовать ref, как это в моем конструкторе: 

constructor(props) {

    super(props);
    this.fieldOne = React.createRef();
    this.fieldTwo = React.createRef();
}

И на моем TextInput: 

<TextInput ref={this.fieldOne} />

Но когда я вызываю this.fieldOne.current.focus(), он возвращает мне следующую ошибку: Cannot read property 'focus' of null.

У вас, ребята, есть хитрость? Спасибо!

1 Ответ

0 голосов
/ 21 января 2020 
import { TextInput as NativeTextInput } from 'react-native';

<TextInput
  label="Article"
  value={this.state.article}
  onChangeText={article => this.setState({article})}
  onSubmitEditing={this.submitStepSaisie1}
  autoFocus
  style={{backgroundColor: 'transparent'}}
  render={(props) => <NativeTextInput {...props} ref={this.fieldOne}>}
/>

У меня нет времени, чтобы проверить это, но это может сработать.

...