React Native-占位符的长度优先于Text Input的高度

Question

问题：

我的文本输入占位符最多可以包含2000个字符。只要我的用户开始输入文本输入，占位符就会消失，但是文本输入 height不会自动缩小。

AFAIK，根据占位符文本的原始长度来设置多行文本输入的高度。反正有解决这个问题的方法吗？

我的代码：

import { Input } from 'react-native-elements';

interface Props {
    placeHolder: string;
    onChangeText: (text: string) => void;
}

const MyTextInput = (inputs: Props) => (
    <View>
        <Input
            inputStyle={{ textAlignVertical: 'top' }}
            placeholder={inputs.placeHolder}
            onChangeText={(text) => inputs.onChangeText(text)}
            multiline={true}
            maxLength={2000}
        />
    </View>
);

export default MyTextInput;

屏幕截图：

长占位符：

用户输入文字：

文字输入高度不会缩小：

Answer 1

在inputStyle上添加minHeight和maxHeight应该可以解决您的问题。

Answer 2

设置clearTextOnFocus道具可以正常工作

<Input
        clearTextOnFocus={true}
        inputStyle={{ textAlignVertical: 'top' }}
        placeholder={inputs.placeHolder}
        onChangeText={(text) => inputs.onChangeText(text)}
        multiline={true}
        maxLength={2000}
    />

Answer 3

最后，我添加了一个额外的{ "queryPlanner" : { ... }, "executionStats" : { "executionSuccess" : true, "nReturned" : 3, "executionTimeMillis" : 0, ... 道具，以便每当用户开始输入时，value都会更新inputs.onChangeText(text)，并且输入的高度将自动缩放以适合内容。当value为空或清除时，只需显示value。

placeHolder