Soy bastante nuevo para reaccionar nativo. Estaba buscando un cargador circular continuo y encontré este increíble en NPM rn-animated-progress-circle , funciona perfectamente para mí pero no anima continuamente.
¿Conoces algún otro que anime continuamente? o conoces alguna forma de hacer que este se anime continuamente.
<ProgressCircle value={0.4} size={200} thickness={0.87} color='#FFFFFF' unfilledColor='#000000' animationMethod='spring' shouldAnimateFirstValue={true} animationConfig={{ speed: 4 }} />oye, puedes usar esta lógica para iterar el círculo en el infinito o puedes poner esto por un segundo
import * as Progress from "react-native-progress";
const useProgress = (maxTimeInSeconds = 30) => { const [initialTime] = useState(() => +new Date()); const [counter, setCounter] = useState(0); useEffect(() => { const intervalId = setInterval(() => { setCounter((t) => t + 1); }, 1000); return () => clearInterval(intervalId); }, []); const elapsedTime = Math.floor(((+new Date()) - initialTime) / 1000); if (elapsedTime == 30) { return maxTimeInSeconds; } return (elapsedTime % maxTimeInSeconds) / maxTimeInSeconds; }; const progress = useProgress();en el círculo de progreso agregar progreso = {progreso}
<Progress.Circle style={{ alignItems: "center" }} progress={progress} // indeterminate={this.state.indeterminate} size={Dimensions.get("window").width * 0.561} thickness={10} borderWidth={0} endAngle={10} strokeCap="round" color={"#354659"} // indeterminateAnimationDuration={1} unfilledColor={"#031830"} />