Блог

Главная - Вопросы по программированию - react- встроенный вертикальный ввод текста по центру в ios

react- встроенный вертикальный ввод текста по центру в ios

#react-native #textinput

#react-собственный #текстовый ввод

Вопрос:

в react-native при создании многострочного ввода текст внутри ввода выравнивается по верхнему краю в IOS и выравнивается по центру в Android.
Согласно документу, мы можем использовать «textAlignVertical» для выравнивания текста по верху на Android, но он не работает на IOS

мой вопрос: как выровнять текст по центру по вертикали в многострочном вводе текста в IOS

Ответ №1:

К сожалению, это свойство textAlignVertical предназначено только для Android. Обычный обходной путь — поместить TextInput в центр контейнера с фиксированной высотой:

 <View style={{height:200, width:200, justifyContent:"center"}}>
   <TextInput 
     multiline={true} 
     numberOfLines={10} 
     style={{textAlign:"center", width:"100%"}} 
     placeholder="Something useful" />
</View>

или

 <View style={{height:200, width:200, justifyContent:"center", alignItems:"center"}}>
   <TextInput 
     multiline={true} 
     numberOfLines={10} 
     placeholder="Something useful" />
</View>

сделает свое дело.