@momo-kits/foundation 0.92.6-rc.19 → 0.92.6-rc.20

package/Layout/FloatingButton.tsx

@@ -38,18 +38,18 @@ export const FloatingButton: React.FC<FloatingButtonProps> = ({
   const minWidth = size == 'small' ? 36 : 48;
   const [widthAnimated, setWidthAnimated] = useState<Animated.Value>();
   const lastOffset = useRef(0);
-  const debounce = useRef<any>();
+  const lastDirection = useRef<string>();
   const [showText, setShowText] = React.useState(true);
 
   useEffect(() => {
     if (!label) return;
 
     const listener = animatedValue?.addListener(({value}) => {
-      clearTimeout(debounce.current);
-      debounce.current = setTimeout(() => {
-        const down = value > lastOffset.current;
-        lastOffset.current = value;
-        if (down) {
+      const direction = value > lastOffset.current ? 'down' : 'up';
+      lastOffset.current = value;
+      if (lastDirection.current !== direction) {
+        lastDirection.current = direction;
+        if (direction === 'down') {
           Animated.timing(widthAnimated!, {
             toValue: minWidth,
             duration: 200,
@@ -62,7 +62,7 @@ export const FloatingButton: React.FC<FloatingButtonProps> = ({
             useNativeDriver: false,
           }).start(() => setShowText(true));
         }
-      }, 200);
+      }
     });
 
     return () => {
@@ -122,6 +122,7 @@ export const FloatingButton: React.FC<FloatingButtonProps> = ({
           <Text
             style={styles.label}
             color="white"
+            numberOfLines={1}
             typography="action_default_bold">
             {label}
           </Text>

package/Layout/Screen.tsx

@@ -234,7 +234,7 @@ const Screen = forwardRef(
             },
           ],
           {
-            useNativeDriver: false,
+            useNativeDriver: true,
             listener: (e: NativeSyntheticEvent<NativeScrollEvent>) => {
               if (animatedHeader?.type == 'surface') {
                 const offsetY = e.nativeEvent.contentOffset.y;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.92.6-rc.19",
+    "version": "0.92.6-rc.20",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},