加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React Native之AppRegistry模块

发布时间:2020-12-15 03:23:42 所属栏目:百科 来源:网络整理
导读:我们在写react native的js的时候,在最后总会加上一段代码: AppRegistry.registerComponent('ReactDemo',() = ReactDemo); 代码的意思: 定义了一个名为 ReactDemo 的新的 组件(Component) ,并且使用了名为 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中最基本的模块,以后会慢慢讲解。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读