android – Keyboard problems in React Native

good afternoon.

I’m having a problem with the keyboard in an app I’m developing. Since all the content doesn’t fit on a single screen, I need to use KeyboardAvoidingView along with ScrollView so that when a TextInput has focus, the entire application scrolls up and the keyboard doesn’t overlap the TextInput. So far, so good. The problem is that when the keyboard appears, it creates borders on both sides that look quite bad. I’ve attached an image.

This only happens on iOS; on Android the keyboard appears correctly.

iOS

This is for the password TextInput

Android

This is the TextInput code

And this is the styles

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

This is password TextInput code:

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

Does anyone know what might be happening and how I can fix it?

Thanks a lot!