android - React Viro，点击很长时间触发释放

Question

我目前正在使用 React Native 版本 0.55 和 React-viro 版本 2.12.0 开发 Ar 应用程序。它是类似口袋妖怪的应用程序，在 AR 页面上，有可点击的项目。当用户点击它时，它会打开一个模式。在开发中，(这里是完整的命令:adb reverse tcp:8081 tcp:8081 && react-native run-android --variant=Ardebug)，它会立即出现。但是当我们在 Release模式下 bundle 它时，模态框至少需要一分钟才能出现。

该页面的代码是:

 <ViroARScene onTrackingUpdated={this._onInitialized}>
        <ViroSpotLight
          innerAngle={5}
          outerAngle={45}
          direction={[0, -1, -0.2]}
          color="#ffffff"
          castsShadow={true}
          influenceBitMask={2}
          shadowMapSize={2048}
          shadowNearZ={2}
          shadowFarZ={5}
          shadowOpacity={0.7}
        />
        <ViroAmbientLight color="#ffffff" />
        <ViroNode ref={_setARNodeRef} onClick={this.tryGain}>
          <Viro3DObject
            position={[x, 0, z]}
            scale={[0.5, 0.5, 0.5]}
            rotation={[0, 0, 0]}
            source={require(`${ROOT_3D_ASSET}chest/coffre_bois_obj.obj`)}
            resources={[

              require(`${ROOT_3D_ASSET}chest/coffre_bois_mtl.mtl`),
              require(`${ROOT_3D_ASSET}chest/wood.jpg`),
              require(`${ROOT_3D_ASSET}chest/wood2.jpg`),
              require(`${ROOT_3D_ASSET}chest/gold.jpg`)
            ]}
            onLoadStart={this._onLoadStart}
            onLoadEnd={this._onLoadEnd}
            onError={this._onError}
            lightReceivingBitMask={3}
            shadowCastingBitMask={2}
            type="OBJ"
          />
        </ViroNode>
      </ViroARScene>

点击事件的函数是

tryGain = _ => {
    this.clickInterval=setInterval(() => (this.hasClicked = false), 500);// in case click, goes nowherer
    if (this.hasClicked) {
      return;
    }

    handleTryGain.call(this, this.props.activeGainPoiId, this.props.isDemo);
    this.hasClicked = true;

  };

相同的代码，所以我不确定为什么会有如此大的差异。有没有人有同样的问题？

谢谢

Answer 1

所以我想通了看日志猫的问题。由于这些 props onLoadStart、onLoadEnd && onError，我输出的错误日志超出了应用程序的范围，导致延迟。我通过简单地在 Viro3DObject 中删除它们来解决问题

<Viro3DObject ... same 
-> Deleted onLoadStart={this._onLoadStart} 
-> Deleted onLoadEnd={this._onLoadEnd} 
-> Deleted onError={this._onError} lightReceivingBitMask={3} shadowCastingBitMask={2} type="OBJ" />

仍然有一些错误，但这不影响应用