为 React Native Expo 通知添加倒数计时器

问题描述

我目前正在使用 Expo 框架在 React Native 中开发一个应用程序，我正在尝试实现一个持续的通知，每次用户启动新计时器时都会向用户显示该通知。通知将显示实时倒计时，用户可以通过点击按钮暂停或取消。此行为与可在 Android 上找到的时钟应用中的计时器通知非常相似。

Android Clock App Timer Notification Example

基于 Expo Notification Documentation，我已经设法创建了一个带有“暂停”和“取消”按钮的持续通知，可以在需要时更新应用程序前台中的计时器。目前我唯一遇到的问题是如何在通知正文中添加倒计时，以便它可以在实时计时器发生变化时实际显示它。

这是我在 UseEffect 函数中的代码：

  useEffect(() => {
    Notifications.setNotificationHandler({
        handleNotification: async () => ({
            shouldShowAlert: true,shouldplaySound: false,shouldSetBadge: false,})

    });
    Notifications.setNotificationCategoryAsync('daily_question',[
        {
            identifier: 'pause',buttonTitle: 'Pause',},{
            identifier: 'cancel',buttonTitle: 'Cancel',]);

    const subscription = Notifications.addNotificationResponseReceivedListener(response => {
        console.log(response);
        const actionType = response.actionIdentifier;

        switch (actionType) {
            case 'cancel':
                Notifications.dismissAllNotificationsAsync();
                break;
            case 'pause':
                break;

            default:
                break;
        }
    });
    return () => {
        subscription.remove();
    }
},[])

这是我目前用来触发通知的代码：

 Notifications.scheduleNotificationAsync({
                                content: {
                                    categoryIdentifier: 'daily_question',title: 'Notification Title',subtitle: 'Recipe Timer',body: "This is where the time should be displayed",data: { data: 'goes here' },sticky: true,trigger: null,})

我已多次查看 Expo 文档并尝试在 Google 上找到不同的解决方案，但实际上找不到任何可以帮助我实现目标的内容。如果有人能给我一些有关如何将实时倒计时显示添加到通知消息中的见解/指导，我将不胜感激。

谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）