React Native TextInput не отвечает

привет, я нахожусь в процессе создания адаптивного приложения. Я столкнулся с размерами и нашел его довольно простым в использовании. Я действительно не знаю, рекомендуется ли это, поскольку я еще не знаком с ним. теперь проблема в моем эмуляторе Android, все выглядит нормально, как и должно быть, текстовое поле подстраивается под размер, а текст также находится в середине текстового поля, но на моем реальном устройстве Android текст сдвинут довольно далеко вверх. кто-нибудь знает, как я могу исправить это?

Мой код:

//On the top to get the Dimensions

let height = Dimensions.get('window').height;
let width = Dimensions.get('window').width;

Мой ввод текста:

      <TextInput
      autoCapitalize = "none"
      autoCorrect = {false}
      style = {styles.inputStyle}
      placeholder = "Name"
      value = {clientName}
      onChangeText = {setClientName}
    />

И мой адаптивный стиль ввода:

inputStyle: {
width: width * 0.7,
height: height* 0.06,
fontSize: height * 0.03,
textAlign: 'center',
backgroundColor: '#D6D6D6',
color: '#000',
borderRadius: 10,

},

вот скриншот с моего реального устройства

0
0
53
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуйте добавить padding: 0 в стиле. Это удалит пустое пространство вокруг текста.

inputStyle: {
width: width * 0.7,
height: height* 0.06,
fontSize: height * 0.03,
textAlign: 'center',
backgroundColor: '#D6D6D6',
color: '#000',
borderRadius: 10,
padding: 0,
},

Другие вопросы по теме