问题描述
大家好,我正在尝试制作计步器应用程序。我安装了这些包。
"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
这不起作用。有没有其他方法可以做到这一点。谢谢
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)