Apple HealthKitをReact Nativeで同期する方法：開発者ガイド

// useHealthDataフック内のreturnステートメントの前に以下を追加

const [steps, setSteps] = useState(0);
const [sleep, setSleep] = useState<any[]>([]); // 例示用に簡略化
const [workouts, setWorkouts] = useState<any[]>([]); // 例示用に簡略化

useEffect(() => {
  if (!hasPermissions) {
    return;
  }

  const options = {
    startDate: new Date(new Date().setDate(new Date().getDate() - 7)).toISOString(), // 過去7日間
    endDate: new Date().toISOString(),
  };

  // 歩数を取得
  AppleHealthKit.getStepCount(options, (err, results) => {
    if (err) {
      console.log('Error getting step count:', err);
      return;
    }
    setSteps(results.value);
  });

  // 睡眠分析を取得
  AppleHealthKit.getSleepSamples(options, (err, results) => {
    if (err) {
      console.log('Error getting sleep samples:', err);
      return;
    }
    setSleep(results);
  });

  // ワークアウトを取得
  AppleHealthKit.getSamples({ ...options, type: 'Workout' }, (err, results) => {
    if (err) {
        console.log('Error getting workout samples:', err);
        return;
    }
    setWorkouts(results);
  });

}, [hasPermissions]);

// returnステートメントを更新
return {
  hasPermissions,
  steps,
  sleep,
  workouts,
};

// useHealthDataフック内にこの関数を追加
const saveWorkout = () => {
  if (!hasPermissions) {
    console.log('Cannot save workout without permissions.');
    return;
  }

  const options = {
    type: AppleHealthKit.Constants.Workouts.Running,
    startDate: new Date(new Date().getTime() - 60 * 60 * 1000).toISOString(), // 1時間前
    endDate: new Date().toISOString(),
    energyBurned: 350, // カロリー単位
    totalDistance: 5, // キロメートル単位
  };

  AppleHealthKit.saveWorkout(options, (err, results) => {
    if (err) {
      console.log('Error saving workout:', err);
      return;
    }
    console.log('Workout saved successfully:', results);
    // ここでワークアウトを再取得してUIを更新したい場合があります
  });
};

// returnステートメントを更新
return {
  hasPermissions,
  steps,
  sleep,
  workouts,
  saveWorkout, // 新しい関数を公開
};

// src/hooks/useHealthData.ts
import AppleHealthKit, {
  HealthKitPermissions,
  HealthValue,
  SleepSample,
  WorkoutSample,
} from 'react-native-health';
import { useEffect, useState } from 'react';

const permissions: HealthKitPermissions = {
  permissions: {
    read: [
      AppleHealthKit.Constants.Permissions.Steps,
      AppleHealthKit.Constants.Permissions.SleepAnalysis,
      AppleHealthKit.Constants.Permissions.Workout,
    ],
    write: [
      AppleHealthKit.Constants.Permissions.Steps,
      AppleHealthKit.Constants.Permissions.SleepAnalysis,
      AppleHealthKit.Constants.Permissions.Workout,
    ],
  },
};

const useHealthData = () => {
  const [hasPermissions, setHasPermissions] = useState(false);
  const [steps, setSteps] = useState(0);
  const [sleep, setSleep] = useState<SleepSample[]>([]);
  const [workouts, setWorkouts] = useState<WorkoutSample[]>([]);

  useEffect(() => {
    AppleHealthKit.initHealthKit(permissions, (error: string) => {
      if (error) {
        console.log('[ERROR] Cannot grant permissions!');
        return;
      }
      setHasPermissions(true);
    });
  }, []);

  useEffect(() => {
    if (!hasPermissions) {
      return;
    }

    const options = {
      startDate: new Date(new Date().setDate(new Date().getDate() - 7)).toISOString(),
      endDate: new Date().toISOString(),
    };

    AppleHealthKit.getStepCount(options, (err, results: HealthValue) => {
      if (err) {
        console.log('Error getting step count:', err);
        return;
      }
      setSteps(results.value);
    });

    AppleHealthKit.getSleepSamples(options, (err, results: SleepSample[]) => {
      if (err) {
        console.log('Error getting sleep samples:', err);
        return;
      }
      setSleep(results);
    });

    AppleHealthKit.getAnchoredWorkouts(options, (err, results: WorkoutSample[]) => {
      if (err) {
        console.log('Error getting workout samples:', err);
        return;
      }
      setWorkouts(results);
    });
  }, [hasPermissions]);

  const saveWorkout = () => {
    if (!hasPermissions) {
      console.log('Cannot save workout without permissions.');
      return;
    }

    const options = {
      type: AppleHealthKit.Constants.Workouts.Running,
      startDate: new Date(new Date().getTime() - 60 * 60 * 1000).toISOString(),
      endDate: new Date().toISOString(),
      energyBurned: 350,
      totalDistance: 5,
    };

    AppleHealthKit.saveWorkout(options, (err, results) => {
      if (err) {
        console.log('Error saving workout:', err);
        return;
      }
      console.log('Workout saved successfully:', results);
    });
  };

  return {
    hasPermissions,
    steps,
    sleep,
    workouts,
    saveWorkout,
  };
};

export default useHealthData;

// App.tsx
import React from 'react';
import {
  SafeAreaView,
  ScrollView,
  StatusBar,
  StyleSheet,
  Text,
  useColorScheme,
  View,
  Button,
} from 'react-native';
import { Colors } from 'react-native/Libraries/NewAppScreen';
import useHealthData from './src/hooks/useHealthData';

const App = () => {
  const isDarkMode = useColorScheme() === 'dark';
  const backgroundStyle = {
    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
  };

  const { steps, sleep, workouts, saveWorkout } = useHealthData();

  return (
    <SafeAreaView style={backgroundStyle}>
      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
      <ScrollView contentInsetAdjustmentBehavior="automatic" style={backgroundStyle}>
        <View style={styles.container}>
          <Text style={styles.title}>HealthKit デモ</Text>

          <View style={styles.metricBox}>
            <Text style={styles.metricValue}>{steps.toLocaleString()}</Text>
            <Text style={styles.metricLabel}>歩数（過去7日間）</Text>
          </View>

          <View style={styles.metricBox}>
            <Text style={styles.metricValue}>{sleep.length}</Text>
            <Text style={styles.metricLabel}>睡眠記録（過去7日間）</Text>
          </View>

          <View style={styles.metricBox}>
            <Text style={styles.metricValue}>{workouts.length}</Text>
            <Text style={styles.metricLabel}>ワークアウト（過去7日間）</Text>
          </View>
          
          <Button title="テストワークアウトを保存" onPress={saveWorkout} />
        </View>
      </ScrollView>
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: { padding: 20 },
  title: { fontSize: 24, fontWeight: 'bold', marginBottom: 20 },
  metricBox: {
    marginBottom: 15,
    padding: 15,
    borderRadius: 10,
    backgroundColor: '#f0f0f0',
  },
  metricValue: { fontSize: 20, fontWeight: '600' },
  metricLabel: { fontSize: 14, color: '#555', marginTop: 5 },
});

export default App;