Does not work with react-native-keyboard-controller

[roniemartinez]

Environment

Platforms

Only tested on Android

Versions

• Android:
• iOS:
• react-native-dialog: 9.3.0
• react-native: 0.76.9
• react: 18.3.1

Description

We recently tried to use react-native-keyboard-controller as we encountered issue with standard KeyboardAvoidingView

We found 2 bugs:

1. Just by adding <KeyboardProvider> to existing code, the dialog will NOT show up but a small white rectangle shows up on top left corner of the screen
2. Adding <KeyboardAvoidingView> from react-native-keyboard-controller will certainly fix the issue but the dialog remains on its original position and overlaps the dialog buttons. When using normal keyboard, the Dialog will be pushed up.

Reproducible Demo

For issue 1, add <KeyboardProvider> to root layout

For issue 2,

import { KeyboardAvoidingView } from 'react-native-keyboard-controller';

            <KeyboardAvoidingView behavior={'padding'}>
                <Dialog.Container ....
                </Dialog.Container>
            </KeyboardAvoidingView>