React Native-13.React Native 常用API及实践 AppRegistry

前端之家收集整理的这篇文章主要介绍了React Native-13.React Native 常用API及实践 AppRegistry前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

AppRegistry简介

AppRegistry是RN应用的入口函数

程序入口组件使用AppRegistry.registerComponent注册。当注册完应用程序组件后,Native系统(OC)就会加载jsbundle文件并触发AppRegistry.runApplication运行应用。AppRegistry有以下方法

  • registerConfig(config:Array): 静态方法注册配置。
  • registerComponent(appKey:string,getComponentFunc: ComponentProvider): 注册入口组件。
  • registerRunnable(appKey:string,func :Function): 注册函数监听。
  • getAppKeys(): 获取registerRunnable注册的监听键。
  • runApplication(appKey:string,appParameter:any): 运行App

实例

在前边的文章中,我们都使用了AppRegistry.registerComponent
如:

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

我们在XCode启动RN程序的时候会在log栏中看到这样的输出

2016-02-24 12:05:36.838 [trace][tid:com.facebook.React.JavaScript] Running application "wxsPrj" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true,development-level warning are ON,performance optimizations are OFF

这个日志信息是由runApplication打印出来的。
我们可以用alert(AppRegistry.runApplication);
在程序中以提示框的形式看runApplication函数的定义。

我们还可以使用registerRunnable注册一些AppKey,实例:

AppRegistry.registerRunnable('wxs',function(){
    console.log('was');
})
alert(AppRegistry.getAppKeys());

猜你在找的React相关文章