Реагируйте на многострочный вертикально центрированный текст на проблему IOS - PullRequest
0 голосов
/ 24 января 2019

Я использую многострочный TextInput в своем приложении-реактиве и некоторое время зависал.Я не могу заставить текст быть выровненным по вертикали на устройствах IOS.

с помощью textAlign = 'center' помещает текст в IOS вертикально по центру ... но он становится развернутой бесконечной линией.

добавление multiline = {true} отменяет выравнивание текста по вертикали в IOS и помещает его в верхнюю часть ввода.

<TextInput
    style={{ 
        width: wp('80%'), 
        height: hp('25%'), 
        borderWidth: 1, 
        borderRadius: 10,   
        fontSize: RF(3), 
    }}
    textAlign={'center'}
    multiline={true}
    onChangeText={entry => this.setState({entry})}
    value={this.state.entry}
/>

Мне бы хотелось, чтобы поведение было похожим на Android в том смысле, что оно отображает текст заполнителя по вертикали и по горизонтали, а когда пользователь вводит больше текста, при необходимости он начинает создавать многострочные строки, но всегда по центру по вертикали и горизонтали.

Пожалуйста, смотрите изображение с версией Android слева и IOS справа.

Android слева, IOS справа

1 Ответ

0 голосов
/ 24 января 2019

попробуйте добавить textAlignVertical = {"center"} в реквизиты textInput

...