React Native - длина заполнителя имеет приоритет в высоте ввода текста

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

установить clearTextOnFocus реквизит будет работать

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

Answer 2

добавление minHeight и maxHeight к inputStyle должно исправить вашу проблему.