Pixi js - 加载器未达到 100% 的进度

问题描述

我正在使用 PIXI.Loader 加载精灵图像。因此，我正在跟踪加载进度以显示和隐藏相应的加载程序组件。当进度为 100 时，加载程序组件设置为不可见。

到目前为止，这一切正常，但突然加载器停在 99.99999999999984%。图像似乎全部正确加载，但加载器组件显然不会隐藏。

我用的是React，进度如下：

if (loader && !firstRender.current) {
    firstRender.current = true
    loader.onProgress.add(l => {
        setProgress(l.progress)
    })
}

useEffect(() => {
    if (progress === 100) setVisibility("none")
},[progress])

return (
    <div className="bg" style={{display: visibility}}>
        <CircularProgressWithLabel color="primary" value={progress} />
    </div>
)

有人知道为什么进度没有达到 100% 吗？

亲切的问候菲利普

解决方法

添加

 loader.onComplete.add(() => {
  this.loadingComplete();
});

然后通过定义进行处理

  loadingComplete(){//your stuff}

加载完成后你想做什么的方法。完美地为我工作

loader loader pixi.js