react native でsetIntervalをタスクキル後も作動させ続ける方法

Question

現在,react native でアラームアプリを作成しています。その中で setIntervalを使って、セットした時間と現在の時間が同じになるまで関数をよびだしつづける処理を書いたのですが、タスクキルするとsetIntervalが止まってしまいます。
タスクキルしてアプリを終了した後もsetIntervalを作動させ続けるコーディングがあるのか教えていただきたいです。
また、もしそのような方法がない場合や、便利なライブラリなどがあれば教えていただきたいです。
タイムピッカーにはreact-native-modal-datetime-pickerというライブラリを使っています。
以下がコードになります。
今回の質問に該当するのが「＠＠現在の日時を取得及びアラーム関数」の部分です。

import React, { useState, useEffect } from 'react';
import {
  View,
  Button,
} from 'react-native';
import DateTimePickerModal from 'react-native-modal-datetime-picker';
import LogOutButton from '../components/LogOutButton';
export default function PickerScreen(props) {

  const [date, setDate] = useState('');
  const [time, setTime] = useState('');

  // ＠＠現在の日時を取得及びアラーム関数
  const checkTime = () => {
    const originDate = new Date();
    const formatDate = require('date-fns/format');
    const currentDate = formatDate(originDate, 'yyyy年MM月dd日');
    const formatTime = require('date-fns/format');
    const currentTime = formatTime(originDate, 'HH時mm分');
    console.log(currentTime);
    if (date === currentDate && time === currentTime) {
      console.log('時間です');
    } else {
      console.log('アラーム起動失敗');
    }
  };
  const Alarm = () => {
    setInterval(() => {
      checkTime();
    }, 1000);
  };

  // @@@Datepickerの設定
  const [isDatePickerVisible, setDatePickerVisibility] = useState(false);
  const showDatePicker = () => {
    setDatePickerVisibility(true);
  };
  const hideDatePicker = () => {
    setDatePickerVisibility(false);
  };
  const handleDateConfirm = (selectedDate) => {
    const formatDate = require('date-fns/format');
    const submitDate = formatDate(selectedDate, 'yyyy年MM月dd日');
    setDate(submitDate);
    hideDatePicker();
  };

  // @@@Timepickerの設定
  const [isTimePickerVisible, setTimePickerVisibility] = useState(false);
  const showTimePicker = () => {
    setTimePickerVisibility(true);
  };
  const hideTimePicker = () => {
    setTimePickerVisibility(false);
  };
  const handleTimeConfirm = (selectedTime) => {
    const formatTime = require('date-fns/format');
    const submitTime = formatTime(selectedTime, 'HH時mm分');
    setTime(submitTime);
    hideTimePicker();
  };


  return (
    <View>
      <View>
        <Button title="日付を選択" onPress={showDatePicker} />
        <DateTimePickerModal
          isVisible={isDatePickerVisible}
          mode="date"
          onConfirm={handleDateConfirm}
          onCancel={hideDatePicker}
          confirmTextIOS="決定"
          cancelTextIOS="戻る"
          display="inline"
          locale="ja-JA"
        />
      </View>
      <View>
        <Button title="時間を選択" onPress={showTimePicker} />
        <DateTimePickerModal
          isVisible={isTimePickerVisible}
          mode="time"
          onConfirm={handleTimeConfirm}
          onCancel={hideTimePicker}
          confirmTextIOS="決定"
          cancelTextIOS="戻る"
        />
      </View>
      <Button
        title="アラーム始動"
        onPress={Alarm}
      />
    </View>
  );
}

Comments

[hoshi-takanori]

アプリが終したら setInterval は当然停止します。というか、定期的にポーリングで時刻をチェックするのは良くないですね。アラームに関しては、各 OS が専用の API を用意してますが、React Native から使う方法は知りません…。

[taro3104]

返信ありがとうございます。
あまり良くないといいうことですが、どのようにアラームを設定すればよりよい設計になるのでしょうか。

[hoshi-takanori]

例えばこれとか？
https://teratail.com/questions/271661

[taro3104]

丁寧な回答ありがとうございます。
参考にして頑張ってみます。