Скрыть элемент при отображении клавиатуры

Question

Я хочу скрыть свою кнопку, когда отображается клавиатура, и переместить ее назад, когда пользователь закрывает клавиатуру. Это работает, но я заметил действительно раздражающий эффект кнопки прыжка, действительно уродливую анимацию 0,0001. Я думаю, что проблема существует, потому что мой код скрывает элемент сразу после перерисовки компонента. Не могли бы вы помочь мне избежать этого типа «прыжков»?

const [isKeyboardVisible, setKeyboardVisible] = React.useState();

useEffect(() => {
    Keyboard.addListener('keyboardDidShow', function() {
        setKeyboardVisible(false);
    });
    Keyboard.addListener('keyboardDidHide', function() {
        setKeyboardVisible(true);
    });
});

{isKeyboardVisible && (
    <Button
    style={{
    position: 'absolute',
    borderRadius: 0,
    bottom: 0,
    width: '100%',}}
    title="Delete"
       }}
   />
)}