@fruits-chain/react-native-xiaoshu/lib/module/popup/popup-keyboard-shim.js

🌈 React Native UI library

"use strict";

import React, { memo, useEffect, useRef } from 'react';
import { Animated, Keyboard, Platform, useWindowDimensions } from 'react-native';
import { jsx as _jsx } from "react/jsx-runtime";
const PopupKeyboardShim = props => {
  const KeyboardHeight = useRef(new Animated.Value(0));
  const ViewHeight = useRef(null);
  const {
    height
  } = useWindowDimensions();
  useEffect(() => {
    if (Platform.OS === 'ios') {
      const keyboardDidShow = e => {
        // eslint-disable-next-line max-params
        ViewHeight.current?.measure(
        // eslint-disable-next-line max-params
        (_x, _y, _width, _height, _pageX, pageY) => {
          Animated.timing(KeyboardHeight.current, {
            toValue: e.endCoordinates.height - (height - pageY - _height),
            duration: 300,
            useNativeDriver: false
          }).start();
        });
        Animated.timing(KeyboardHeight.current, {
          toValue: e.endCoordinates.height,
          duration: 300,
          useNativeDriver: false
        }).start();
      };
      const keyboardDidHide = () => {
        Animated.timing(KeyboardHeight.current, {
          toValue: 0,
          duration: 300,
          useNativeDriver: false
        }).start();
      };
      const _keyboardDidShow = Keyboard.addListener('keyboardWillShow', keyboardDidShow);
      const _keyboardDidHide = Keyboard.addListener('keyboardWillHide', keyboardDidHide);
      return () => {
        // TODO 旧版本如何做兼容
        // @ts-ignore
        if (Keyboard.removeListener) {
          // @ts-ignore
          Keyboard.removeListener('keyboardWillShow', keyboardDidShow);
          // @ts-ignore
          Keyboard.removeListener('keyboardWillHide', keyboardDidHide);
        } else {
          _keyboardDidShow.remove?.();
          _keyboardDidHide.remove?.();
        }
      };
    }
  }, [height]);
  return /*#__PURE__*/_jsx(Animated.View, {
    ...props,
    ref: ViewHeight,
    style: [{
      height: KeyboardHeight.current
    }, props.style]
  });
};
export default /*#__PURE__*/memo(PopupKeyboardShim);
//# sourceMappingURL=popup-keyboard-shim.js.map