多registerComponent页面时如何设置单例组件

目前我们项目每个RN页面都是使用registerComponent单独注册，之后接到一个做全局挂件的需求。如果是仅仅有一个registerComponent注册的组件，我们可以将这个全局挂件放到该组件的根组件，然后通过通知来处理。如果按照我们的做法，就需要在每个页面的根部都设置一个全局挂件，而且数据还得单独抽离出来做维护。接下来分析一下这两种方案的优劣：

方案1：

描述：基于该bridge和注册的组件名创建一个RootView, 将该RootView放在Native的顶层窗口上
优势：

这是全局的一个单例组件，并且是在顶层窗口上，不需要每个组件都渲染一次

当做混合应用时，原生页面也可以显示

劣势：android上需要跟用户要浮窗权限。这个权限还是需要手动开启的，不像存储权限那种弹个确定一点同意就行了，这个权限有的可以直接点打开，有的手机还得用户找到达令家打开

方案2:

描述：做个高阶组件，让每个页面都包含这个挂件
优势：不需要获取权限
劣势：
1. 所有的页面都需要渲染这个，并且数据需要抽离到全局，做维护
2. 在native页面不可展示，因为是RN页面

多registerComponent页面时如何设置单例组件相关推荐

单例模式设计——Vue单例组件实现实例
前言单例模式,顾名思义就是只有一个实例.在 Vue 中,应用到该设计模式的有 vuex.vue-route 等. 相关的设计模式和实现在网上可以找到很多教程,这里不做赘述. 在系统中,适合单例模式使 ...
记录h5表单离开页面时数据储存及取出的问题
h5表单页面,跳转到指定页面时,表单页面数据储存: 1.采用keepAlive坑太多,数据偶尔丢失: 2.可以使用vuex:将表单页面数据存入store,回来时再将所需数据取出. 表单页面: // 路 ...
四大传值详解:属性传值,单例传值,代理传值,block传值
一:属性传值传值情景:从前一个页面向后一个页面传值 a.在后一个页面,根据传值类型和个数,写属性 b.在前一个页面, 为属性赋值 c.在后一个页面, 使用值例如: 第一个视图: #import & ...
android对象申明,一行代码配置缺省页, Android最强缺省页框架, 支持代码/布局声明/视图对象回调/全局/单例配置/数据传递...
StateLayout Android上最强大的缺省页(状态页面)工具特点全局配置单例配置生命周期(可以加载动画或者处理事件) 刷新回调获取当前缺省页状态 Loading缺省页支持进度回调 ...
想过没有，Spring的Bean为啥默认单例？
熟悉Spring开发的朋友都知道Spring提供了5种scope分别是singleton.prototype.request.session.global session. 如下图是官方文档上的截图, ...
面试官：为什么 Spring 中的 bean 默认为单例？
作者 | 小小木来源 | http://1t.click/ksQ 熟悉Spring开发的朋友都知道Spring提供了5种scope分别是singleton.prototype.request.ses ...
Java实现单例的5种方式
转自:https://blog.csdn.net/u014672511/article/details/79774847 1. 什么是单例模式单例模式指的是在应用整个生命周期内只能存在一个实例.单例 ...
JAVA23种设计模式：单例设计模式【二】
在有些系统中,为了节省内存资源,保证数据内容的一致性,对某些类要求只能创建一个实例,这就是所谓的单例模式单例设计模式的定义与特点定义: 指一个类只有一个实例 ,且该类能自行创建这个实列的一种模式. ...
Java枚举and单例
枚举什么是枚举? 所谓的枚举,就是把某个类所有的对象一一罗列出来. 枚举类:这个类的对象是有限的. 定义枚举的语法格式 public enum 枚举类类名{值1, 值2, 值3, 值4; } 示例 ...

多registerComponent页面时如何设置单例组件

方案1：

方案2:

多registerComponent页面时如何设置单例组件相关推荐

最新文章

热门文章