mirror of
https://github.com/movie-web/native-app.git
synced 2025-09-13 16:53:25 +00:00
fix: some animation stuff
This commit is contained in:
@@ -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",
|
||||||
|
Reference in New Issue
Block a user