ios 应用程序启动时不播放React Native图标

pw9qyyiw  于 2023-08-08  发布在  iOS
关注(0)|答案(1)|浏览(131)
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项目或其文件中进行更改时,动画开始播放完美。我试过使用裁判钩子,但我仍然得到相同的结果。动画在那里,但它不会播放或开始循环,直到在文件中进行更改并重新渲染

zpf6vheq

zpf6vheq1#

我认为你试图显示动画的组件,但是组件还没有挂载,所以添加超时函数来延迟代码的运行以显示动画,其中2000是你想要等待的秒数

useEffect(() => {
      setTimeout(() => {
       if (animationRef.current) {
        animationRef.current.play();
       }
      },2000);
     }, []);

字符串

相关问题