привет, я нахожусь в процессе создания адаптивного приложения. Я столкнулся с размерами и нашел его довольно простым в использовании. Я действительно не знаю, рекомендуется ли это, поскольку я еще не знаком с ним. теперь проблема в моем эмуляторе 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,
},
вот скриншот с моего реального устройства
Попробуйте добавить 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,
},