Cuando el contador es >= data SetLoading de longitud de matriz debería activarse. Pero el contador no se incrementa hasta que actualizo la aplicación presionando CTRL+S y luego el contador se incrementa en 1 cada vez que la aplicación se actualiza.
const [loopCount, setLoopCount] = useState('1'); const [isLoading, setLoading] = useState(true); useEffect(() => { const getPackages = async () => { try { const offerings = await Purchases.getOfferings(); if (offerings.current !== null) { var counter = 0; data.forEach((category, index) => { //data is array with length of 6 if(category.entitlement_id){ AsyncStorage.getItem(category.entitlement_id).then((value) => { console.log("Loop COUNT before is : "+loopCount); setLoopCount(loopCount+1); //This should increment on every iteration of forEach console.log("Loop COUNT after is : "+loopCount); }); }else{ console.log("ELSE COUNTER" + counter); setLoopCount(loopCount+1); } if(loopCount >= data.length){ //if counter is >= data length do something setLoading(false); } }) }else{ console.log("No offerings found"); } } catch (e) { console.log("Error => " + e); } } getPackages(); }, [])La actualización del estado es una operación asincrónica, por lo que obtener loopCount en for loop obtendrá el valor inicial de loopCount en lugar del valor actualizado. Si no necesita actualizar la interfaz de usuario para actualizar loopCount , puede usar useRef en lugar de useState :
const loopCount = useRef(1); const [isLoading, setLoading] = useState(true); useEffect(() => { const getPackages = async () => { try { const offerings = await Purchases.getOfferings(); if (offerings.current !== null) { var counter = 0; data.forEach((category, index) => { //data is array with length of 6 if(category.entitlement_id){ AsyncStorage.getItem(category.entitlement_id).then((value) => { console.log("Loop COUNT before is : "+loopCount.current); loopCount.current = loopCount.current+1; //This should increment on every iteration of forEach console.log("Loop COUNT after is : "+loopCount.current); }); }else{ console.log("ELSE COUNTER" + counter); loopCount.current = loopCount.current+1; } if(loopCount.current >= data.length){ //if counter is >= data length do something setLoading(false); } }) }else{ console.log("No offerings found"); } } catch (e) { console.log("Error => " + e); } } getPackages(); }, [])Dudo que el contador sea realmente necesario aquí, sugeriría una solución con AsyncStorage.getItem síncrono
const [isLoading, setLoading] = useState(true); useEffect(() => { const getPackages = async () => { try { const offerings = await Purchases.getOfferings(); if (offerings.current !== null) { var counter = 0; await Promise.all( data.map(async (category, index) => { if (category.entitlement_id) { await AsyncStorage.getItem(category.entitlement_id).then(value => { }); } else { console.log('ELSE COUNTER' + counter); } }) ); setLoading(false); } else { console.log('No offerings found'); } } catch (e) { console.log('Error => ' + e); } }; getPackages(); }, []);