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

Don't re-render bars when showing/hiding them (#1691)

Browse source 
* Don't re-render bars when showing/hiding them

* Fix more cases

* Use autorun instead of reaction to fix first render
This commit is contained in:
dan 2023-10-13 15:24:28 +01:00 • committed by GitHub
parent 4431cfe2d2
commit 2a1edab6d4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 58 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/view/com/util/fab/FABInner.tsx
View file

@ -1,5 +1,6 @@
import React, {ComponentProps} from 'react'
import {observer} from 'mobx-react-lite'
import {autorun} from 'mobx'
import {Animated, StyleSheet, TouchableWithoutFeedback} from 'react-native'
import LinearGradient from 'react-native-linear-gradient'
import {gradients} from 'lib/styles'
@ -25,13 +26,15 @@ export const FABInner = observer(function FABInnerImpl({
const store = useStores()
const interp = useAnimatedValue(0)
React.useEffect(() => {
Animated.timing(interp, {
toValue: store.shell.minimalShellMode ? 0 : 1,
duration: 100,
useNativeDriver: true,
isInteraction: false,
}).start()
}, [interp, store.shell.minimalShellMode])
return autorun(() => {
Animated.timing(interp, {
toValue: store.shell.minimalShellMode ? 0 : 1,
duration: 100,
useNativeDriver: true,
isInteraction: false,
}).start()
})
}, [interp, store])
const transform = isTablet
? undefined
: {