fix: some animation stuff

This commit is contained in:
Adrian Castro
2024-03-05 19:14:00 +01:00
parent c50ad167e0
commit ed27c90394

View File

@@ -29,23 +29,23 @@ export default function SearchScreen() {
const searchResultsScale = useSharedValue(0.95); const searchResultsScale = useSharedValue(0.95);
const [searchResultsLoaded, setSearchResultsLoaded] = useState(false); const [searchResultsLoaded, setSearchResultsLoaded] = useState(false);
const { data, isSuccess } = useQuery({ const { data } = useQuery({
queryKey: ["searchResults", query], queryKey: ["searchResults", query],
queryFn: () => fetchSearchResults(query), queryFn: () => fetchSearchResults(query),
}); });
useEffect(() => { useEffect(() => {
if (isSuccess && data && data.length > 0) { if (data && data.length > 0 && query) {
searchResultsOpacity.value = withTiming(1, { duration: 500 }); searchResultsOpacity.value = withTiming(1, { duration: 500 });
searchResultsScale.value = withTiming(1, { duration: 500 }); searchResultsScale.value = withTiming(1, { duration: 500 });
setSearchResultsLoaded(true); setSearchResultsLoaded(true);
} else if (!query) { } else if (!query) {
searchResultsOpacity.value = 0; searchResultsOpacity.value = withTiming(0, { duration: 500 });
searchResultsScale.value = 0.95; searchResultsScale.value = withTiming(0.95, { duration: 500 });
setSearchResultsLoaded(false); setSearchResultsLoaded(false);
} }
}, [data, isSuccess, query, searchResultsOpacity, searchResultsScale]); }, [data, query, searchResultsOpacity, searchResultsScale]);
useEffect(() => { useEffect(() => {
const keyboardWillShowListener = Keyboard.addListener( const keyboardWillShowListener = Keyboard.addListener(
"keyboardWillShow", "keyboardWillShow",