navigation header jerks in react native - Stack Overflow

admin管理员组

文章数量:1406758

in react native when I normally navigate forward and backward everything works fine but if I navigate very fast within seconds i got a small jerk on my navigation header which means my header re renders how to fix it my code

useFocusEffect(
    useCallback(() => {
      setLoading(true);

      getSortingOrder();
      fetchTasksFromDatabase(fetchedTasks => {
        setTotalTaskSelected(0);
        setCheckedAllTasks(false);

        setTasks(fetchedTasks);
        setFilteredData(fetchedTasks);
        setSelectedItems([]);
        setSearchActive(false);
        const categoriesMap = new Map();
        const expandedState = {};
        fetchedTasks.forEach(({category_id, categoryName}) => {
          if (!categoriesMap.has(category_id)) {
            categoriesMap.set(category_id, {
              id: category_id,
              name: categoryName,
            });
            expandedState[category_id] = true;
          }
        });
        setExpandedCategories(expandedState);
        setCategories(Array.from(categoriesMap.values()));
        setTimeout(() => {
          setLoading(false);
        }, 750);
      });
    }, []),
  );

useLayoutEffect(() => {
....
}, [
    searchActive,
    selectedItems,
    allCompleted,
    allPending,
    totalTaskSelected,
    checkedAllTasks,
    visible,
  ]);

本文标签： navigation header jerks in react nativeStack Overflow