Реагирует на собственный TextInput Скрытие при нажатии на дочерний вид

Question

Я пытаюсь сгенерировать рекомендации, когда пользователь вводит текст, очень похоже на теги в stackoverflow. Проблема в том, что когда я нажимаю на один из предложенных мной тегов, клавиатура прячется, даже несмотря на то, что я вставил keyboardShouldPersistTaps = {'always'} в мой scrollView. Другие TextInputs работают

https://gifyu.com/image/lgl9

Предложения тегов генерируются FlatList, это может быть проблемой?

Спасибо

Answer 1

Не уверен насчет правильного подхода, но можно ли попытаться вручную вызвать метод focus ( см. ) для рассматриваемого TextInput в обработчике onPress вашего FlatList?

Может быть, это поможет.

Answer 2

Я не уверен в вашем коде, но вы должны добавить marginBottom в контейнер.

constructor

 Keyboard.addListener('keyboardDidShow', frames => {
      if (!frames.endCoordinates) {
        return;
      }
      this.setState({keyboardSpace: frames.endCoordinates.height});
    });
    Keyboard.addListener('keyboardDidHide', frames => {
      this.setState({keyboardSpace: 0});
    });

render

 <ScrollView style={[Styles.scrollStyle, {marginBottom: this.state.keyboardSpace}]}>
  ...
  <TextInput />
  ...
</ScrollView>