React原生计步器不是计数

如何解决React原生计步器不是计数

大家好，我正在尝试制作计步器应用程序。我安装了这些包。

"react-native-pedometer": "^0.0.7","react-native-pedometer-ios-android"//then i deleted it
"@t2tx/react-native-universal-pedometer" // and installed it

以及所有示例代码

import React,{Component} from 'react';
import {View,Text,StyleSheet,Button} from 'react-native';    
import pedometer,{
  pedometerInterface,} from '@t2tx/react-native-universal-pedometer';    
// interface PedoResult : pedometerInterface | string | null;
export default class PCount extends Component {
  constructor(props) {
    super(props);    
    this.state = {
      data: {},error: 'none',};
  }    
  check = () => {
    pedometer.isstepCountingAvailable((error,result) => {
      console.log(error,result);
      this.setState({
        data: {result: result + ''},error,});
    });
  };    
  start = () => {
    pedometer.startpedometerUpdatesFromDate(
      new Date().setHours(0,0),(data) => {
        this.setState({
          data: data || {},error: '-',});
      },);
  };

  stop = () => {
    pedometer.stoppedometerUpdates();
    this.setState({
      data: {state: 'stoped'},});
  };    
  load = () => {
    const start = new Date();
    start.setHours(0,0);
    const end = new Date();

    pedometer.querypedometerDataBetweenDates(
      start.getTime(),end.getTime(),(error,data: pedometerInterface | null) => {
        console.log(error);
        console.log(data);
        this.setState({
          data: data || {},);
  };

  render() {
    return (
      <View style={styles.container}>
        <View style={styles.row}>
          <View style={styles.rowItem}>
            <Button title=" ? " onPress={this.check} />
          </View>
          <View style={styles.rowItem}>
            <Button title=" ▶︎ " onPress={this.start} />
          </View>
          <View style={styles.rowItem}>
            <Button title=" ■ " onPress={this.stop} />
          </View>
          <View style={styles.rowItem}>
            <Button title=" ◎ " onPress={this.load} />
          </View>
        </View>
        <View style={[styles.row,styles.rowItem]}>
          <Text>ERROR: {this.state.error}</Text>
        </View>
        <View style={styles.rowItem}>
          <Text>DATA:</Text>
        </View>
        {Object.keys(this.state.data).map((key) => {
          return (
            <View key={key} style={styles.detailItem}>
              <Text>
                {key}: {this.state.data[key]}
              </Text>
            </View>
          );
        })}
      </View>
    );
  }
}

这也不是我的代码，我是从 github repo 复制的 https://github.com/t2tx/pedometer_example/blob/master/Components/Debug/PedometerComponent.tsx

这不起作用。有没有其他方法可以做到这一点。谢谢