diff options
Diffstat (limited to 'src/screens')
-rw-r--r-- | src/screens/profile/ProfileScreen.tsx | 5 | ||||
-rw-r--r-- | src/screens/search/SearchScreen.tsx | 9 |
2 files changed, 7 insertions, 7 deletions
diff --git a/src/screens/profile/ProfileScreen.tsx b/src/screens/profile/ProfileScreen.tsx index 9da9a3d8..ea557063 100644 --- a/src/screens/profile/ProfileScreen.tsx +++ b/src/screens/profile/ProfileScreen.tsx @@ -4,16 +4,13 @@ import Animated from 'react-native-reanimated'; import {AuthContext} from '../../routes/authentication'; import {StatusBar} from 'react-native'; -// destructure Value object from Animated -const {Value} = Animated; - /** * Profile Screen for a user's logged in profile * including posts, messaging, and settings */ const ProfileScreen: React.FC = () => { const {user} = React.useContext(AuthContext); - const y = new Value(0); + const y = Animated.useValue(0); return ( <> <StatusBar /> diff --git a/src/screens/search/SearchScreen.tsx b/src/screens/search/SearchScreen.tsx index d85c0a90..2a2a5a4a 100644 --- a/src/screens/search/SearchScreen.tsx +++ b/src/screens/search/SearchScreen.tsx @@ -16,13 +16,11 @@ import AsyncStorage from '@react-native-community/async-storage'; import {ProfilePreviewType} from '../../types'; import {SEARCH_ENDPOINT} from '../../constants'; import {AuthContext} from '../../routes/authentication'; -const {Value} = Animated; /** * Search Screen for user recommendations and a search * tool to allow user to find other users */ -const top: Animated.Value<number> = new Value(-SCREEN_HEIGHT); const SearchScreen: React.FC = () => { const {recentSearches} = React.useContext(AuthContext); @@ -31,6 +29,8 @@ const SearchScreen: React.FC = () => { const [recents, setRecents] = useState<Array<ProfilePreviewType>>( recentSearches, ); + const [searching, setSearching] = useState(false); + const top = Animated.useValue(-SCREEN_HEIGHT); useEffect(() => { if (query.length < 3) { setResults([]); @@ -63,6 +63,7 @@ const SearchScreen: React.FC = () => { easing: Easing.bezier(0.31, 0.14, 0.66, 0.82), }; timing(top, topInConfig).start(); + setSearching(true); }; const handleBlur = () => { Keyboard.dismiss(); @@ -72,6 +73,7 @@ const SearchScreen: React.FC = () => { easing: Easing.inOut(Easing.ease), }; timing(top, topOutConfig).start(); + setSearching(false); }; const loadRecentlySearchedUsers = async () => { try { @@ -98,6 +100,7 @@ const SearchScreen: React.FC = () => { <SearchBackground> <StatusBar /> <ScrollView + scrollEnabled={!searching} keyboardShouldPersistTaps={'always'} stickyHeaderIndices={[4]} contentContainerStyle={styles.contentContainer} @@ -110,7 +113,7 @@ const SearchScreen: React.FC = () => { onBlur={Keyboard.dismiss} onFocus={handleFocus} value={query} - {...{top}} + {...{top, searching}} /> <Explore /> <SearchResultsBackground {...{top}}> |