diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/view/screens/Contacts.tsx | 6 | ||||
-rw-r--r-- | src/view/shell/mobile/index.tsx | 3 |
2 files changed, 4 insertions, 5 deletions
diff --git a/src/view/screens/Contacts.tsx b/src/view/screens/Contacts.tsx index c0e265ca7..be92f74c9 100644 --- a/src/view/screens/Contacts.tsx +++ b/src/view/screens/Contacts.tsx @@ -1,16 +1,16 @@ import React, {useEffect, useState, useRef} from 'react' import {StyleSheet, Text, TextInput, View} from 'react-native' -import {useSharedValue} from 'react-native-reanimated' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {ProfileFollows as ProfileFollowsComponent} from '../com/profile/ProfileFollows' import {Selector} from '../com/util/Selector' import {colors} from '../lib/styles' import {ScreenParams} from '../routes' import {useStores} from '../../state' +import {useAnimatedValue} from '../lib/useAnimatedValue' export const Contacts = ({navIdx, visible, params}: ScreenParams) => { const store = useStores() - const selectorInterp = useSharedValue(0) + const selectorInterp = useAnimatedValue(0) useEffect(() => { if (visible) { @@ -45,7 +45,7 @@ export const Contacts = ({navIdx, visible, params}: ScreenParams) => { <Selector items={['All', 'Following', 'Scenes']} selectedIndex={0} - swipeGestureInterp={selectorInterp} + panX={selectorInterp} /> {!!store.me.handle && <ProfileFollowsComponent name={store.me.handle} />} </View> diff --git a/src/view/shell/mobile/index.tsx b/src/view/shell/mobile/index.tsx index ee6c9985b..894d4db58 100644 --- a/src/view/shell/mobile/index.tsx +++ b/src/view/shell/mobile/index.tsx @@ -16,13 +16,12 @@ import { import {ScreenContainer, Screen} from 'react-native-screens' import LinearGradient from 'react-native-linear-gradient' import {useSafeAreaInsets} from 'react-native-safe-area-context' -import Animated, { +import { Easing, useSharedValue, useAnimatedStyle, withTiming, runOnJS, - interpolate, } from 'react-native-reanimated' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {IconProp} from '@fortawesome/fontawesome-svg-core' |