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 Native之AppRegistry模块相关推荐

React Native Android原生模块开发实战|教程|心得|怎样创建React Native Android原生模块...
尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 告诉大家一个好消息. ...
React Native调用原生模块
概述有时候App需要访问平台API,但React Native可能还没有相应的模块包装:或者你需要复用一些Java代码,而不是用Javascript重新实现一遍:又或者你需要实现某些高性能的.多线程 ...
React Native 中的 Android 原生模块
当使用 React Native 开发 Android 应用时,你可能需要使用没有被 React Native 封装的模块.但你可以使用 Java 编写原生模块,然后选择性的暴露公共接口到 React ...
React Native 集成分享第三方登录功能分享第三方登录模块开发(iOS)
期待已久的新课上线啦!解锁React Native开发新姿势,一网打尽React Native最新与最热技术,点我Get!!! 在我们常用的App中经常会看到分享与第三方登录的功能,可以说分享与第三方 ...
如何开发React Native 原生模块(Native Modules)？看完这篇文章就够了(Android)
期待已久的新课上线啦!解锁React Native开发新姿势,一网打尽React Native最新与最热技术,点我Get!!! 前言一直想写一下我在React Native原生模块封装方面的一些经验 ...
Taro3.2 适配 React Native 之运行时架构详解
导读由 58 前端团队主导的 Taro 3 适配 React Native 工作已完成有一段时间了.目前发布了多个体验版,也将在3月底迎来正式版.基于 Taro 的良好架构演变,适配 React N ...
H5、React Native、Native应用对比分析
@王利华,vczero "存在即合理".凡是存在的,都是合乎规律的.任何新事物的产生总要的它的道理:任何新事物的发展总是有着取代旧事物的能力.React Native来的正是时候, ...
React Native桥接器初探
本文假设你已经有一定的React Native基础,并且想要了解React Native的JS和原生代码之间是如何交互的. React Native的工作线程 shadow queue:布局在这个线程 ...
Hybrid App 和 React Native 开发那点事
版权声明:本文为博主原创文章,未经博主允许不得转载. 简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App ...

React Native之AppRegistry模块

React Native之AppRegistry模块相关推荐

最新文章

热门文章