Dev工具

Hot Reloading(热加载)

在任何开发环境下,迭代都是一个最重要的因素。重新设置应用的状态可能导致增加应用的大小,

React VR支持热加载个别的js模块,重新加载整个页面和场景要容易些。

热加载已经内嵌在React VR中了,可以在创建VR实例的时候启用 enableHotReload

const vr = new VRInstance(bundle, 'CubeSample', parent, {

  scene: scene,

  nativeModules: [ cubeModule ],

  enableHotReload: true,

});

你也可以用 hotreload 作为询问参数:

http://localhost:8081/vr/?hotreload


      热加载是用React Native包管理器查看整个文件系统,运行文件改变了再修改,文件改变会触发模块

的重新加载,更多热加载的用法和系统差别,可以查看React Native的Introducing Hot Reloading

React Dev Tools Inspector(调试工具监视器)

开发者可以利用监视器来查看应用的组件的属性,但是需要安装Nuclide

bundle必须设置成 dev=true ,这是用react-vr CLI创建应用时的默认设置,如下所示:

ReactVR.init(

  // When you're ready to deploy your app, update this line to point to

  // your compiled index.bundle.js

  '../index.vr.bundle?platform=vr{'&'}dev=true',

  // Attach it to the body tag

  document.body

);

一旦确定,就需要遵循loading a React Native Project的说明操作,让你通过Nuclide开启RN包管

理器start the React Native Packager

现在你可以再index.html后面追加 devtools

http://localhost:8081/vr/?devtools


选择 React Inspector ,会出现如下的窗口:

注意:因为React VR扩展了数据类型的应用(如:Transforms),这些在React和React Native中是没

没有,所有监视器上有些参数是没有的