我在Animated.View中有一个TextInput,仅在单击给定的TouchableOpacity时才显示。当我在此TextInput中键入内容时,会发生问题,当您单击每个键时,键盘会隐藏并出现。我注意到将属性的value = {text} onChangeText = {setText}应用于TextInput时会发生这种情况。我该如何解决?
我认为您不应该分配价值。随它去。只需在onChangeText上设置setState。
也许您只是按照文档来设置输入文本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>
);
}