import React from "react";
import LottieView from "lottie-react-native";
import { useEffect, useRef } from "react";
function CarAnim(props) {
const animationRef = useRef(null);
useEffect(() => {
if (animationRef.current) {
animationRef.current.play();
}
}, []);
return (
<LottieView
ref={animationRef}
autoPlay
loop
style={{
width: 200,
height: 200,
}}
source={require("../assets/carAnimJs.json")}
/>
);
}
export default CarAnim;
字符串
我在我的iPhone上使用expo运行模拟器,但是当我的动画第一次安装在我的屏幕上时,动画没有播放,但是后来当我在react项目或其文件中进行更改时,动画开始播放完美。我试过使用裁判钩子,但我仍然得到相同的结果。动画在那里,但它不会播放或开始循环,直到在文件中进行更改并重新渲染
1条答案
按热度按时间zpf6vheq1#
我认为你试图显示动画的组件,但是组件还没有挂载,所以添加超时函数来延迟代码的运行以显示动画,其中2000是你想要等待的秒数
字符串