如何防止离子/React fab按钮随键盘移动？

.fab-button {
  position: fixed;
  bottom: 20px; /* 根据实际需求调整按钮的位置 */
  right: 20px; /* 根据实际需求调整按钮的位置 */
}

import { Keyboard } from '@ionic-native/keyboard';

constructor(private keyboard: Keyboard) {
  this.keyboard.onKeyboardShow().subscribe(() => {
    // 键盘弹出时的操作，例如移动fab按钮的位置
  });

  this.keyboard.onKeyboardHide().subscribe(() => {
    // 键盘关闭时的操作，例如恢复fab按钮的位置
  });
}

import { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    const handleKeyboardShow = () => {
      // 键盘弹出时的操作，例如移动fab按钮的位置
    };

    const handleKeyboardHide = () => {
      // 键盘关闭时的操作，例如恢复fab按钮的位置
    };

    window.addEventListener('keyboardShow', handleKeyboardShow);
    window.addEventListener('keyboardHide', handleKeyboardHide);

    return () => {
      window.removeEventListener('keyboardShow', handleKeyboardShow);
      window.removeEventListener('keyboardHide', handleKeyboardHide);
    };
  }, []);

  return (
    // 组件的渲染内容
  );
}