Как исправить ошибку клавиатуры, скрывающую реакцию родного

Question

У меня есть TextInput внутри Animated.View, который отображается только при нажатии на заданную TouchableOpacity. Проблема возникает, когда я набираю этот TextInput, клавиатура прячется и появляется при нажатии на каждую клавишу. Я заметил, что это происходит, когда я применяю атрибуты value = {text} onChangeText = {setText} к TextInput. Как мне это решить?

Answer 1

Может быть, вы просто следуете do c, чтобы установить вводимый текст do c

И это может нормально работать.

import React, { Component, useState } from 'react';
import { Text, TextInput, View } from 'react-native';

export default function PizzaTranslator() {
  const [text, setText] = useState('');
  return (
    <View style={{padding: 10}}>
      <TextInput
        style={{height: 40}}
        placeholder="Type here to translate!"
        onChangeText={text => setText(text)}
        defaultValue={text}
      />
      <Text style={{padding: 10, fontSize: 42}}>
        {text.split(' ').map((word) => word && '?').join(' ')}
      </Text>
    </View>
  );
}

Answer 2

Не думаю, что вам следует присваивать значение. будь как будет. просто установите состояние onChangeText.