iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Reactnative-iOS回调Javascript的方法
  • 846
分享到

Reactnative-iOS回调Javascript的方法

ReactnativeiOS回调Js 2022-05-30 21:05:04 846人浏览 薄情痞子
摘要

Reactnative可以调用原生模块,原生模块也可以给javascript发送事件通知.最好的方法是继承RCTEventEmitter.自定义继承自PushEventEmitter

Reactnative可以调用原生模块,原生模块也可以给javascript发送事件通知.最好的方法是继承RCTEventEmitter.自定义继承自PushEventEmitter的子类RCTEventEmitter.


#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
#import <React/RCTEventEmitter.h>

@interface PushEventEmitter : RCTEventEmitter <RCTBridgeModule>

- (void)addEventReminderReceived:(NSNotification *)notification;

@end

实现supportedEvents方法


#import "PushEventEmitter.h"

@implementation PushEventEmitter

+ (id)allocWithZone:(NSZone *)zone {
  static PushEventEmitter *sharedInstance = nil;
  static dispatch_once_t onceToken;
  dispatch_once(&onceToken, ^{
    sharedInstance = [super allocWithZone:zone];
  });
  return sharedInstance;
}

RCT_EXPORT_MODULE();

- (NSArray<NSString *> *)supportedEvents
{
  return @[@"EventReminder"];
}

- (void)addEventReminderReceived:(NSNotification *)notification {
  [self sendEventWithName:@"EventReminder" body:@{@"name": @"FlyElephant"}];
}

@end

React native 设置:


import {
  NativeModules,
  NativeEventEmitter,
} from 'react-native';

const PushEventEmitter = NativeModules.PushEventEmitter;

const emitterManager = new NativeEventEmitter(PushEventEmitter);

订阅通知和移除通知:


  componentDidMount() {
    subscription = emitterManager.addListener(
      'EventReminder',
      (reminder) => console.log('JavaScript接收到通知:'+reminder.name)
    );

  }
  componentWillUnmount(){
    subscription.remove();// 移除通知
  }

调用测试:


PushEventEmitter *eventEmitter = [PushEventEmitter allocWithZone:nil];

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: Reactnative-iOS回调Javascript的方法

本文链接: https://www.lsjlt.com/news/30158.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • win10怎么切回ios方法
    本篇内容介绍了“win10怎么切回ios方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!win10切回ios的方法:方法一: 重启电脑然后...
    99+
    2023-07-01
  • JavaScript调试的方法
    这篇文章主要介绍“JavaScript调试的方法”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript调试的方法”文章能帮助大家解决问题。  ...
    99+
    2024-04-02
  • JavaScript如何禁用回调列表中的回调
    本篇内容介绍了“JavaScript如何禁用回调列表中的回调”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!...
    99+
    2024-04-02
  • 怎么调用javascript的方法
    这篇文章给大家分享的是有关怎么调用javascript的方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。调用javascript的方法:1、方法调用模式,this此时指向myobject;2、函数调用模式,th...
    99+
    2023-06-14
  • JAVA调用JavaScript方法
    目录 一、执行自定义编写js方法 1、描述: 2、示例  3、总结   二、JAVA调用远端js方法 1、描述 2、示例  3、总结 一、执行自定义编写js方法 1、描述: Java 调用 JavaScript 的一种常用方案是使...
    99+
    2023-08-31
    java 开发语言
  • 异步回调--BeginInvoke方法
    BeginInvoke方法是用于异步调用委托的一种方式。它是在.NET Framework中定义的委托的一个方法,用于在另一个线程上...
    99+
    2023-09-28
    异步回调
  • 详解JNA中的回调方法
    目录简介JNA 中的 Callbackcallback 的应用callback 的定义callback 的获取和应用在多线程环境中使用 callback总结简介 什么是 callba...
    99+
    2024-04-02
  • javascript进行调试的方法
    这篇文章给大家分享的是有关javascript进行调试的方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。javascript调试方法:1、使用“console.log”方法在控制台打印对象,语法“console...
    99+
    2023-06-14
  • javascript调用函数的方法
    这篇文章主要介绍了javascript调用函数的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。方法:1、用“函数名(参数,参数)”语句调用;2、作为对象的方法调用,语法“...
    99+
    2023-06-14
  • js javascript 方法调用
    Javascript 是一种强大的编程语言,它可以用来创建动态的用户界面和交互式网站。在Javascript中,方法调用是一种关键概念,掌握这个概念对于编写高效的Javascript代码非常重要。在Javascript中,方法是可重用的代码...
    99+
    2023-05-16
  • CSS3动画回调处理的方法
    这篇文章主要介绍“CSS3动画回调处理的方法”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS3动画回调处理的方法”文章能帮助大家解决问题。CSS3动画也是可以做...
    99+
    2024-04-02
  • JavaScript如何调用Java的方法
    这篇“JavaScript如何调用Java的方法”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这...
    99+
    2024-04-02
  • JavaScript的show方法怎么调用
    本篇内容介绍了“JavaScript的show方法怎么调用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • javascript方法怎么调用
    本文小编为大家详细介绍“javascript方法怎么调用”,内容详细,步骤清晰,细节处理妥当,希望这篇“javascript方法怎么调用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。Javascript 是一种强...
    99+
    2023-07-06
  • ReactNative中添加自定义字体的方法
    目录添加字体定义 assets 目录执行 link 命令在样式中使用字体示例在 React Native 中,如何添加自定义字体呢?React Native 提供了便捷的命令行工具来...
    99+
    2022-11-13
    React Native自定义字体 React Native字体
  • Android中bindservice回调的方法是什么
    在Android中,使用bindService()方法绑定服务时,可以通过ServiceConnection对象来监听服务的连接状态...
    99+
    2024-02-29
    Android
  • python异步回调的方法是什么
    在Python中,可以使用以下几种方法实现异步回调:1. 使用asyncio模块:asyncio是Python标准库中的异步编程框架...
    99+
    2023-09-22
    python
  • JavaScript的回调函数是什么
    这篇文章主要介绍“JavaScript的回调函数是什么”,在日常操作中,相信很多人在JavaScript的回调函数是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Java...
    99+
    2024-04-02
  • javascript中去掉回车符的方法
    这篇文章主要介绍javascript中去掉回车符的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!javascript是一种什么语言javascript是一种动态类型、弱类型的语言,基于对象和事件驱动并具有相对安全...
    99+
    2023-06-14
  • Java+Selenium调用JavaScript的方法详解
    目录简介调用JavaScript滑动滚动条简介 本文主要讲解java 利用Selenium 操作浏览器网站时候,需要用的js的地方,代码该如何实现。 调用JavaScript web...
    99+
    2023-01-09
    Java Selenium调用JavaScript Selenium调用JavaScript Java Selenium JavaScript
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作