如何修复键盘错误隐藏反应本机答案

【问题标题】：How to fix keyboard error hiding react native如何修复键盘错误隐藏反应本机
【发布时间】：2020-04-04 23:59:41
【问题描述】：

我在 Animated.View 中有一个 TextInput，它仅在单击给定的 TouchableOpacity 时显示。当我输入此 TextInput 时会出现问题，当您单击每个键时，键盘会隐藏并出现。我注意到当我将属性的值 = {text} onChangeText = {setText} 应用于 TextInput 时会发生这种情况。我该如何解决？

【问题讨论】：

标签： reactjs react-native animation expo keyboard-events

【解决方案1】：

我在 FlatList 页脚中的 TextInput 遇到了同样的问题，这个讨论也可以帮助人们

React Native TextInput setState() hides keyboard

【讨论】：

【解决方案2】：

也许你只是按照文档设置输入文本doc

它可能工作正常。

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>
  );
}

【讨论】：

【解决方案3】：

我认为你不应该分配价值。随它去。只需在 onChangeText 上设置状态。

【讨论】：