Проблемы с клавиатурой в React Native ⇐ IOS

[Anonymous]

Добрый день.
У меня проблема с клавиатурой в приложении, которое я разрабатываю. Поскольку все содержимое не умещается на одном экране, мне нужно использовать KeyboardAvoidingView вместе с ScrollView, чтобы, когда TextInput имеет фокус, все приложение прокручивалось вверх, а клавиатура не перекрывала TextInput. Все идет нормально. Проблема в том, что когда появляется клавиатура, она создает границы с обеих сторон, которые выглядят довольно плохо. Я прикрепил изображение.
Это происходит только на iOS; на Android клавиатура отображается правильно.
iOS


Это для пароля TextInput


Android


Это код TextInput

Код: Выделить всё

А это стили

Код: Выделить всё

input: {
backgroundColor: "#0f1216",
borderRadius: 14,
paddingHorizontal: 14,
paddingVertical: 14,
color: "#e5e7eb",
fontSize: 15,
marginBottom: 14,
borderWidth: 1,
borderColor: "#1f2937",
},

Это код TextInput пароля:

Код: Выделить всё

 setShowPassword(false)}
value={password}
onChangeText={setPassword}
/>

Кто-нибудь знает, что может произойти и как это исправить?
Большое спасибо!

Подробнее здесь: https://stackoverflow.com/questions/798 ... act-native