React Native 一些事

2024-06-06 02:59:23

ReactJS 是否准备好

有时候我们常常需要监听 ReactJS 的的加载情况。
比如说，当获取一条推送，应用还没有起来，通过点击推送启动应用后，而推送中包含一些我们感兴趣的字段需要处理，我们如果直接把这条通知发送给 ReactJS，会有一个问题，就是应用是刚启动的，ReactJS 还没有成功加载，推送直接发送会出现丢失。所以我们可以吧这条推送缓存起来，等待 ReactJS 成功加载后再发送。此时可以监听如下事件，获悉 ReactJS 的加载状况。

RCTJavaScriptWillStartLoadingNotification
RCTJavaScriptDidLoadNotification
RCTJavaScriptDidFailToLoadNotification

第三方应用唤起自己应用

应用被URL唤起,
自己的应用A，被其他应用B唤醒，
如果你需要在A应用处理应用B传递的过来的参数，需要处理openurl，参数通过 url 传递过来。获取url 的方法如下

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)urlsourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{return [RCTLinkingManager application:application openURL:urlsourceApplication:sourceApplication annotation:annotation];
}

componentDidMount() {Linking.addEventListener('url', this._handleOpenURL);
},
componentWillUnmount() {Linking.removeEventListener('url', this._handleOpenURL);
},
_handleOpenURL(event) {console.log(event.url);
}

获取 ReactJS 运行环境

RCTJavaScriptContextCreatedNotification 是一个有意思的通知，React native 是通过 JSContext 来实现 JS 调用 OC 的方法。JSContext 在成功创建后会发送 RCTJavaScriptContextCreatedNotification 这个通知，并且携带 JSContext 参数。OC 可以直接获得 ReactJS 的运行环境。

作者：HuminiOS - 极光
原文：React Native 一些事
知乎专栏：极光日报

转载于:https://www.cnblogs.com/jpush88/p/6742468.html

React Native 一些事相关推荐

ReactJs和React Native的那些事
介绍 1,React Js的目的是为了使前端的V层更具组件化,能更好的复用,它能够使用简单的html标签创建更多的自定义组件标签,内部绑定事件,同时可以让你从操作dom中解脱出来,只需要操作数据就 ...
React Native Fetch封装那点事...
每一门语言都离不开网络请求,有自己的一套Networking Api.React Native使用的是Fetch. 今天我们来谈谈与Fetch相关的一些事情. purpose 通过这篇文章,你将了解到 ...
Hybrid App 和 React Native 开发那点事
版权声明:本文为博主原创文章,未经博主允许不得转载. 简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App ...
我在React Native中构建时获得的经验教训
by Amanda Bullington 通过阿曼达·布林顿(Amanda Bullington) 我在React Native中构建时获得的经验教训 (Lessons I learned while ...
最火移动端跨平台方案盘点：React Native、weex、Flutter
本文原文由"恋猫月亮"原创发布,原题为<移动端跨平台开发的深度解析>,本次重新整理后,为了优化阅读体验,内容略有改动,感谢原作者的无私分享. 1.前言跨平台一直是老生 ...
我为什么暂时放弃了React Native
同步自我的博客去年三月份,以及十一月份,我分别做了两个React Native(下称RN)的项目,一个是一个很简单的充值页面,发上线以后就基本不维护了,暂且不表:另一个是把我们客户端首页的技术方案由 ...
[译] React Native vs. Cordova、PhoneGap、Ionic，等等
原文链接: learnreact.design/2018/02/14/- 喜欢理由: 文笔生动通俗易懂特别鸣谢: 原作者 Linton Ye 的倾情校对系列博客: 用通俗的语言和涂鸦来解释 Re ...
React Native JSBundle拆包之原理篇
概述 RN作为一款非常优秀的移动端跨平台开发框架,在近几年得到众多开发者的认可.纵观现在接入RN的大厂,如qq音乐.菜鸟.去哪儿,无疑不是将RN作为重点技术栈进行研发. 不过,熟悉RN的开发者也知道, ...
React Native开发之必备React基础
为了帮助大家快速上手React Native开发,在这本节中将向大家介绍开发React Native所需要的一些React必备基础知识. 概述本节课将从React的特点.如何使用React.JSX语 ...

最新文章

热门文章