首页 > 其他分享 >react native的notifee消息

react native的notifee消息

时间:2024-09-23 23:34:04浏览次数:9  
标签:maven core app notifee react native

      react native上的notifee组建可发送local notification和remote push notification,可订阅各种Event。我使用的是local notification。另一个与之对应的是expo notification,也是很好的组建,但我的app未来想用bare类型,脱离expo,所以优先选择notifee。

官方文档:https://notifee.app , 官方文档非常清晰。

安装注意事项:

      按照官方文档的做法在iOS上运行没问题,但是androidd在运行命令:npx react-native run-android 的时候报如下错误:

Could not determine the dependencies of task ':app:processDebugResources'.
> Could not resolve all task dependencies for configuration ':app:debugRuntimeClasspath'.
   > Could not find any matches for app.notifee:core:+ as no versions of app.notifee:core are available.
     Searched in the following locations:
       - https://oss.sonatype.org/content/repositories/snapshots/app/notifee/core/maven-metadata.xml
       - https://repo.maven.apache.org/maven2/app/notifee/core/maven-metadata.xml
       - file:/Users/peterfan/workspace/react_proj/CareYouHealth/node_modules/jsc-android/dist/app/notifee/core/maven-metadata.xml
       - https://dl.google.com/dl/android/maven2/app/notifee/core/maven-metadata.xml
       - https://www.jitpack.io/app/notifee/core/maven-metadata.xml
       - file:/Users/peterfan/workspace/react_proj/CareYouHealth/node_modules/react-native/android/app/notifee/core/maven-metadata.xml
     Required by:
         project :app > project :notifee_react-native

      查了不少文档,后参考   后在工程项目的 android 目录下的build.gradle文件中allprojects节点下添加了新的maven url。

allprojects {
  // other items … 
  repositories {
    // existing local repositories defined … 
    // ADD THIS BLOCK
    maven {
      url "$rootDir/../node_modules/@notifee/react-native/android/libs"
    }
  }
}

     

   运行权限注意事项:

         1. IOS下需要先执行:await notifee.requestPermission();  否则notification不生效。

        2. Android下也需要授权。参见:https://notifee.app/react-native/docs/triggers  中的 Android 12 Limitations 部分。但按照这篇关于权限的文章 https://blog.teamairship.com/creating-reminders-with-notifee ,是从Android 13开始的,我觉得还是按官方文档执行。

  

      

 

标签:maven,core,app,notifee,react,native
From: https://www.cnblogs.com/saaspeter/p/18428190

相关文章

  • React hooks子组件暴露方法示例
    说明通常情况下,React 子组件使用父组件的方法或值通过props传递,反过来,父组件如果需要子组件的方法就需要子组件将自己的方法暴露出去。以下是一个实例:User.tsximportReact,{FC,useEffect,useState,useRef}from'react';import{Button,Table}from'antd';impor......
  • 【艾思科蓝】前端框架巅峰对决:React、Vue与Angular的全面解析与实战指南
    【JPCS独立出版】​第三届能源与动力工程国际学术会议(EPE2024)_艾思科蓝_学术一站式服务平台更多学术会议请看:https://ais.cn/u/nuyAF3 引言在快速发展的前端技术领域,选择合适的框架或库对于项目的成功至关重要。React、Vue和Angular作为当前最流行的三大前端框架/库,各自......
  • 学习如何:useEFFECT 和 useSTATE,一个 REACT 应用程序
    我一直在开发一个名为“Heat”的网络应用程序,该应用程序的唯一目的是帮助我学习和应用JavaScript并改进我的CSS,还有很多后端。我们的计划是创建一个具有视觉吸引力的网络应用程序,并具有一些有趣的功能。在这个过程中我学到了什么:前端是使用reactjs构建的,我选择react只是出于好......
  • 如何在Reactjs中制作动态进度条
    使用react和循环进度组件构建性能仪表板在本博客中,我们将探讨如何使用react构建性能指标仪表板。仪表板显示不同绩效指标(例如可访问性、seo和最佳实践)的循环进度指示器。进度指示器逐渐填满,模拟加载动画。该项目使用tailwindcss进行样式设计,并组合了多个组件来创建灵活且......
  • 如何使用 useTransition hook 提高 React 性能
    react是一个用于构建用户界面的流行javascript库。它以高效且专注于创建可重用的ui组件而闻名。react的关键特性之一是引入了钩子,它是挂钩到react状态的函数。这些钩子中的一个是usetransition钩子。该钩子允许在不阻塞界面的情况下进行状态更改,从而带来流畅的体验。......
  • 如何在 React 中使用上下文
    欢迎回来,朋友们!?今天我们将回顾名为usecontext的reacthook的基础知识。usecontext是一个强大的工具,它比usestate更进一步,创建了一个类似全局的state,可以将信息传递给子组件和孙组件,而无需直接传递props。?但我有点超前了。?如果你不熟悉usestate,请先跳过去阅读我之前......
  • 如何在 ReactJS 中创建可重用的 Button 组件
    按钮无疑是任何react应用程序中重要的ui组件,按钮可能用于提交表单或打开新页面等场景。您可以在react.js中构建可重用的按钮组件,您可以在应用程序的不同部分中使用它们。因此,维护您的应用程序将变得更加简单,并且您的代码将保持dry(不要重复)。您必须首先在组件文件夹中创建一......
  • 如何使您的 React 应用程序更快:性能提示和最佳实践
    啊,反应!我们喜爱的用于构建ui的库。它就像一剂神奇的药剂,让我们的网络应用程序感觉具有交互性和快速性——直到有一天,它却没有了。突然,你注意到事情变慢了。点击按钮就像用信鸽寄信一样。您的应用程序从快如闪电变成了慢吞吞,用户开始给您“看”。不过别担心!就像咖啡可以解决大部......
  • 如何使用 AWS 部署带有自定义域的 React 项目?
    使用aws(amazonwebservices)等云提供商通过自定义域部署react应用程序可能看起来令人畏惧,但当分解为可管理的步骤时,它就很简单。在本文中,我们将指导您完成从构建应用程序到使其在您的自定义域上运行的整个过程。当您准备好与世界分享您的react项目时,使用自定义域部署它可以为......
  • 如何使用 React Router DOM
    介绍欢迎来到我们关于reactrouterdom的深入教程!如果您是一名ui开发人员,希望通过动态路由功能增强react应用程序,那么您来对地方了。reactrouterdom是一个功能强大的库,允许您创建具有多个视图的单页面应用程序,同时保持流畅、无缝的用户体验。在这份综合指南中,我们将引导......