Merge pull request #4 from xl666666/master

react-native-background-timer修改入口文件，修改依赖

Author: xl666666

BackgroundTimerExample.tsx

@@ -0,0 +1,158 @@
+import {View, Button, StyleSheet, Text,TextInput} from 'react-native';
+import React, {useState} from 'react';
+import BackgroundTimer from "react-native-background-timer";
+export function BackgroundTimerExample() {
+  let [count, setCount] = useState(0);
+  let [text, setText] = useState("");
+  // BackgroundTimer延时
+  let [delay, setDelay] = useState("1000");
+  // setTimeout延时
+  let [timeoutDelay, setTimeoutDelay] = useState("1000");
+  // setInterval延时
+  let [intervalDelay, setIntervalDelay] = useState("1000");
+  let timeoutList:number[] = []
+  let [intervalList, setIntervalList] = useState<number[]>([]);
+ 
+  // runBackgroundTimer
+  function onPressStart(){
+    setText("开启定时器...")
+    BackgroundTimer.runBackgroundTimer(()=>{
+      setCount(count+=1)
+    },parseInt(delay))
+  }
+  function onPressStop(){
+    setText("结束定时器")
+    BackgroundTimer.stopBackgroundTimer()
+  }
+
+  // setTimeout
+  function setTimeoutStart(){
+    setText("开启定时器...")
+    let timeoutId = BackgroundTimer.setTimeout(()=>{
+      setCount(count+=1)
+    },parseInt(timeoutDelay))
+    timeoutList.push(timeoutId)
+  }
+  function setTimeoutStop(){
+    setText("结束定时器")
+    if(timeoutList.length>0){
+      BackgroundTimer.clearTimeout(timeoutList[0])
+      timeoutList.shift()
+    }
+  }
+
+  // setInterval
+  function setIntervalStart(){
+    setText("开启定时器...")
+    let intervalId = BackgroundTimer.setInterval(()=>{
+      setCount(count+=1)
+    },parseInt(intervalDelay))
+    setIntervalList([...intervalList,intervalId])
+  }
+  function setIntervalStop(){
+    setText("结束定时器")
+    if(intervalList.length>0){
+      BackgroundTimer.clearInterval(intervalList[0])
+      intervalList.shift()
+    }
+  }
+  function resetNumber(){
+    setCount(0)
+    setText("")
+  }
+  return (
+    <View style={{flexDirection: 'column', flex: 1,backgroundColor:'white'}}>
+      <View style={styles.container}>
+        <View style={styles.viewStyle}>
+          <Button
+            onPress={onPressStart}
+            title="runBackgroundTimer"
+          />
+          <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+            placeholder="BackgroundTimer延时"
+            onChangeText={(value)=>{setDelay(value)}}
+            value={delay}
+          />
+        </View>
+        <View style={[styles.viewStyle]}>
+          <Button
+            onPress={onPressStop}
+            title="stopBackgroundTimer"
+          />
+        </View>
+      </View>
+      {/* --------------------------------------------setTimeout-------------------------------------------------- */}
+      <View style={styles.container}>
+        <View style={styles.viewStyle}>
+          <Button
+            onPress={setTimeoutStart}
+            title="setTimeout"
+          />
+          <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+            placeholder="setTimeout延时"
+            onChangeText={(value)=>{setTimeoutDelay(value)}}
+            value={timeoutDelay}
+          />
+        </View>
+        <View style={[styles.viewStyle]}>
+          <Button
+            onPress={setTimeoutStop}
+            title="clearTimeout"
+          />
+        </View>
+      </View>
+      {/* --------------------------------------------setInterval-------------------------------------------------- */}
+      <View style={styles.container}>
+        <View style={styles.viewStyle}>
+          <Button
+            onPress={setIntervalStart}
+            title="setInterval"
+          />
+          <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+            placeholder="setInterval延时"
+            onChangeText={(value)=>{setIntervalDelay(value)}}
+            value={intervalDelay}
+          />
+        </View>
+        <View style={[styles.viewStyle]}>
+          <Button
+            onPress={setIntervalStop}
+            title="clearInterval"
+          />
+        </View>
+      </View>
+      {/* -----------------------------------------------Reset----------------------------------------------------- */}
+      <View style={[styles.viewStyle,styles.resetStyle]}>
+        <Button
+          onPress={resetNumber}
+          title="Reset"
+        />
+      </View>
+      <Text style={styles.textStyle}>{count}</Text>
+      <Text style={styles.textStyle}>{text}</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    borderColor: 'black',
+    borderTopWidth: 0,
+    borderBottomWidth: 5,
+    borderLeftWidth: 0,
+    borderRightWidth: 0,
+    padding: 10,
+  },
+  resetStyle: {
+    paddingTop: 10,
+  },
+  viewStyle:{
+    marginBottom: 10,
+  },
+  textStyle: {
+    fontSize: 30,
+  },
+});

index.js

@@ -4,9 +4,10 @@ import {
   NativeEventEmitter,
   NativeModules,
   Platform,
+  TurboModuleRegistry,
 } from 'react-native';
 
-const { RNBackgroundTimer } = NativeModules;
+const RNBackgroundTimer = TurboModuleRegistry ? TurboModuleRegistry.get('BackgroundTimerTurboModule') : NativeModules.BackgroundTimer;
 const Emitter = new NativeEventEmitter(RNBackgroundTimer);
 
 class BackgroundTimer {
@@ -41,6 +42,7 @@ class BackgroundTimer {
     const EventEmitter = Platform.select({
       ios: () => NativeAppEventEmitter,
       android: () => DeviceEventEmitter,
+	    harmony: () => DeviceEventEmitter,
     })();
     this.start(0);
     this.backgroundListener = EventEmitter.addListener(

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "react-native-background-timer",
-  "version": "2.4.1",
+  "name": "@react-native-oh-tpl/react-native-background-timer",
+  "version": "2.4.1-0.0.1",
   "description": "Emit event periodically (even when app is in the background)",
   "keywords": [
     "react-native",
@@ -50,5 +50,13 @@
       "eslint --fix",
       "git add"
     ]
+  },
+  "harmony": {
+    "alias": "react-native-background-timer",
+    "codegenConfig": {
+      "specPaths": [
+        "./src"
+      ]
+    }
   }
-}
+}

src/RNBackgroundTimerSpec.ts

@@ -0,0 +1,10 @@
+import type { TurboModule } from 'react-native/Libraries/TurboModule/RCTExport';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  start(delay: number): void;
+  stop(): void;
+  setTimeout(timeoutId:number,timeout:number): void;
+}
+
+export default TurboModuleRegistry.get<Spec>('BackgroundTimerTurboModule') as Spec | null;