在 react-native-scratch 中完成从头开始

Question

我想在 react-native-scratch 中完成暂存后重新加载暂存，但对此没有任何解决方案。当我完成划伤并获得结果后，我想再次划伤它，它不会重置，也无法再次划伤。

Answer 1

在 react-native-scratch 中，

在 src 文件夹内的 ScratchView.js 中添加以下方法用于重置（重新填充）从头开始

refresh = () => {

    AnimatedScratchView = RNTScratchView && Animated.createAnimatedComponent(RNTScratchView);
    this.setState({
        isScratchDone: false,
        visible: true
    })
    this.scratchOpacity = {
        opacity: this.state.animatedValue.interpolate({
            inputRange: [0, 1],
            outputRange: [1, 0],
        }),
    };
}

并在顶部将此 const 更改为 var

var AnimatedScratchView = RNTScratchView && Animated.createAnimatedComponent(RNTScratchView);

之后通过引用父组件中的子组件调用此方法

  <ScratchView
     ref={(ref) => this.scratchRef = ref} />

使用“scratchRef”可以使用刷新方法重新加载暂存器，如下所示：

this.scratchRef.refresh();