diff options
| author | dan <dan.abramov@gmail.com> | 2023-10-12 21:02:17 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-10-12 21:02:17 +0100 |
| commit | 997918547c7b9eaeecb0cb65e9360796e6777eb9 (patch) | |
| tree | 13a50cd4fd5894d33e7cf6c7a5fb086d41d7b8c6 /src/view/com/pager/FeedsTabBarMobile.tsx | |
| parent | c2a1cf4e56780b60fa8d140f9c7c855567851f5c (diff) | |
| download | voidsky-997918547c7b9eaeecb0cb65e9360796e6777eb9.tar.zst | |
Make shell hide/show animation smoother (#1683)
* Make shell hide/show animation smoother * Also animate "load latest"
Diffstat (limited to 'src/view/com/pager/FeedsTabBarMobile.tsx')
| -rw-r--r-- | src/view/com/pager/FeedsTabBarMobile.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/view/com/pager/FeedsTabBarMobile.tsx b/src/view/com/pager/FeedsTabBarMobile.tsx index e39e2dd68..ad1a69cf6 100644 --- a/src/view/com/pager/FeedsTabBarMobile.tsx +++ b/src/view/com/pager/FeedsTabBarMobile.tsx @@ -24,13 +24,14 @@ export const FeedsTabBar = observer(function FeedsTabBarImpl( React.useEffect(() => { Animated.timing(interp, { toValue: store.shell.minimalShellMode ? 1 : 0, - duration: 100, + duration: 150, useNativeDriver: true, isInteraction: false, }).start() }, [interp, store.shell.minimalShellMode]) const transform = { - transform: [{translateY: Animated.multiply(interp, -100)}], + opacity: Animated.subtract(1, interp), + transform: [{translateY: Animated.multiply(interp, -50)}], } const brandBlue = useColorSchemeStyle(s.brandBlue, s.blue3) |