React Native之AppRegistry模块

我们在写react native的js的时候,在最后总会加上一段代码

AppRegistry.registerComponent('ReactDemo',() => ReactDemo);

代码的意思: 定义了一个名为ReactDemo的新的组件(Component),并且使用了名为AppRegistry 的内置模块进行了“注册”操作。在编写React Native应用时,肯定会写出很多新的组件。而一个App的最终界面,其实也就是各式各样的组件的组合。这和android和ios的思路不谋而合,其实React Native的组件也很丰富。看官方提供的常用组件:


AppRegistry模块则是用来告知React Native哪一个组件被注册为整个应用的根容器。

使用AppRegistry.registerComponent进行注册自己,然后原生系统就可以进行加载运行bundle文件包,最后就会可以调用AppRegistry.runApplication进行运行起来应用。一个视图被摧毁的时候,为了结束应用需要调用AppRegistry.unmountApplictionComponentAtRoottag方法


AppRegistry常用方法

.registerConfig(config:Array<AppConfig>) static 静态方法,进行注册配置信息

.registerComponent(appKey:string,getComponentFunc:ComponentProvider) static静态方法,进行注册组件

.registerRunnable(appKey:string,func:Function) static静态方法 ,进行注册线程

.registerappKeys() static静态方法,进行获取所有组件的keys值

.runApplication(appKey:string,appParameters:any) static静态方法,进行运行应用

.unmountApplicationComponentAtRoottag() static静态方法,结束应用

AppRegistry是React中最基本的模块,以后会慢慢讲解。

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...