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

时间:2020-04-04 23:59:41

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

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

3 个答案:

答案 0 :(得分:1)

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

React Native TextInput setState() hides keyboard

答案 1 :(得分:0)

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

答案 2 :(得分:0)

也许您只是按照文档来设置输入文字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>
  );
}