使用 react-native-background-timer

Question

我正在构建一个简单的 Android 应用程序。我现在正试图让我的手机每 3 秒振动一次。这是我的代码：

componentDidMount() {
    BackgroundTimer.runBackgroundTimer(() => {
        Vibration.vibrate(1000);
    }, 3000);
}

componentWillUnmount() {
    BackgroundTimer.stopBackgroundTimer();
}

render() {
    return (
        <View style={styles.container}>
            <ScrollView>
                {this.state.errors.map(e => {
                    const {error, solved, errorInfo, key, uid, date} = e;
                    return (
                        <View key={e.key} style={{backgroundColor: solved === true ? 'green' : '#ff5b68'}}>
                            <Text>{error}</Text>
                            <Text>{errorInfo}</Text>
                            <Text>{key}</Text>
                            <Text>{uid}</Text>
                            <Text>{date}</Text>
                            <MarkedAsSolvedButton id={key} solved={solved}/>
                        </View>
                    )
                })}
            </ScrollView>
        </View>
    );
}

但我收到一个错误：

TypeError: TypeError: undefined is not an object (evalating 'RNBackgroundTimer.start')

我错过了什么？

我正在使用这个模块：https://github.com/ocetnik/react-native-background-timer

Answer 1

您可以使用 clearInterval 方法。首先声明一个全局变量，方便启动和结束定时器。示例代码如下：

let myTimer;
class ABC extends React.Component {
componentDidMount()
{
myTimer = BackgroundTimer.setInterval(()=> {
// Your repeated task here.
}, 3000);
}
componentWillUnMount()
{
  // Code to stop timer.
 BackgroundTimer.clearInterval(myTimer);
}
render() {
// remaining code
 }
}

Answer 2

我想组件在使用之前需要先启动。首先调用 BackgroundTimer.start() 然后尝试你的逻辑。