react-native-auto-positioned-popup 1.0.5 → 1.0.7

package/src/KeyboardManager.tsx

@@ -0,0 +1,82 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { Keyboard, EmitterSubscription, Platform } from 'react-native';
+
+const debounce = (func: Function, delay: number) => {
+  let timer: NodeJS.Timeout;
+  return (...args: any[]) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => func(...args), delay);
+  };
+};
+
+export const useKeyboardStatus = () => {
+  const [isKeyboardFullyShown, setIsKeyboardFullyShown] = useState(false);
+
+  // 使用防抖包裝狀態更新函數
+  const debouncedSetKeyboardShown = useRef(
+    debounce((value: boolean) => {
+      console.log('KeyboardManager: Setting keyboard status to', value);
+      setIsKeyboardFullyShown(value);
+    }, 300)
+  ).current;
+
+  useEffect(() => {
+    let keyboardWillShowListener: EmitterSubscription;
+    let keyboardDidShowListener: EmitterSubscription;
+    let keyboardWillHideListener: EmitterSubscription;
+    let keyboardDidHideListener: EmitterSubscription;
+
+    if (Platform.OS === 'ios') {
+      keyboardWillShowListener = Keyboard.addListener(
+        'keyboardWillShow',
+        () => {
+          debouncedSetKeyboardShown(false);
+        }
+      );
+      keyboardDidShowListener = Keyboard.addListener(
+        'keyboardDidShow',
+        () => {
+          debouncedSetKeyboardShown(true);
+        }
+      );
+      keyboardWillHideListener = Keyboard.addListener(
+        'keyboardWillHide',
+        () => {
+          debouncedSetKeyboardShown(false);
+        }
+      );
+      keyboardDidHideListener = Keyboard.addListener(
+        'keyboardDidHide',
+        () => {
+          debouncedSetKeyboardShown(false);
+        }
+      );
+    } else {
+      keyboardDidShowListener = Keyboard.addListener(
+        'keyboardDidShow',
+        () => {
+          debouncedSetKeyboardShown(true);
+        }
+      );
+      keyboardDidHideListener = Keyboard.addListener(
+        'keyboardDidHide',
+        () => {
+          debouncedSetKeyboardShown(false);
+        }
+      );
+    }
+
+    return () => {
+      if (Platform.OS === 'ios') {
+        keyboardWillShowListener?.remove();
+      }
+      keyboardDidShowListener?.remove();
+      if (Platform.OS === 'ios') {
+        keyboardWillHideListener?.remove();
+      }
+      keyboardDidHideListener?.remove();
+    };
+  }, []);
+
+  return isKeyboardFullyShown;
+};

package/src/RootViewContext.tsx

@@ -34,7 +34,6 @@ export const RootViewProvider: React.FC<RootViewProviderProps> = ({ children })
   const [rootViews, setRootViews] = useState<DynamicViewBase[]>([]);
   const [searchQuery, setSearchQuery] = useState<string>('');
   const viewRefs = useRef<Record<string, View>>({});
-  //監聽 rootViews
   useEffect(() => {
     console.log('RootViewProvider rootViews changed:', rootViews);
   }, [rootViews]);

package/src/types/react-native-advanced-flatlist.d.ts

@@ -0,0 +1,19 @@
+declare module 'react-native-advanced-flatlist' {
+  import { ComponentType } from 'react';
+  import { FlatListProps, ListRenderItem } from 'react-native';
+
+  export interface AdvancedFlatListProps<ItemT = any> extends FlatListProps<ItemT> {
+    renderItem?: ListRenderItem<ItemT>;
+  }
+
+  export const AdvancedFlatList: ComponentType<AdvancedFlatListProps>;
+  export default AdvancedFlatList;
+}
+
+declare module 'react-native-advanced-flatlist/src/AdvancedFlatList.tsx' {
+  import { ComponentType } from 'react';
+  import { FlatListProps } from 'react-native';
+
+  const AdvancedFlatListSource: ComponentType<FlatListProps<any>>;
+  export default AdvancedFlatListSource;
+}