zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Make shell hide/show animation smoother (#1683)

Browse source 
* Make shell hide/show animation smoother

* Also animate "load latest"
This commit is contained in:
dan 2023-10-12 21:02:17 +01:00 • committed by GitHub
parent c2a1cf4e56
commit 997918547c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/view/com/pager/FeedsTabBarMobile.tsx
View file

@ -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)