{"__v":0,"_id":"58f7a4c9cbd001190056cc5b","category":{"version":"58f7a4c8cbd001190056cbf8","project":"578c4badbd223d2000cc1441","_id":"58f7a4c8cbd001190056cbf9","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-10-25T23:36:45.975Z","from_sync":false,"order":0,"slug":"basics","title":"Basics"},"parentDoc":null,"project":"578c4badbd223d2000cc1441","user":"57bb7e47afc18c0e00529cf3","version":{"__v":1,"_id":"58f7a4c8cbd001190056cbf8","project":"578c4badbd223d2000cc1441","createdAt":"2017-04-19T17:56:24.172Z","releaseDate":"2017-04-19T17:56:24.172Z","categories":["58f7a4c8cbd001190056cbf9","58f7a4c8cbd001190056cbfa","58f7a4c8cbd001190056cbfb","58f7a4c8cbd001190056cbfc","58f7a4c8cbd001190056cbfd","58f7a4c8cbd001190056cbfe"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.1.0","version":"1.1.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-11-16T00:32:47.911Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":4,"body":"[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Every react-viro release has a `Compatible with react-native` version\",\n  \"body\": \"This means that we have extensively tested the Viro platform to work with that version of react-native. While older or newer versions of react-native may work with Viro, there may be issues or differences that cause Viro to not work properly with older or newer versions of react-native.\"\n}\n[/block]\n#react-viro v1.1.0 | react-viro-cli v1.1.0 (Compatible with React Native v0.43)\n\n### New Features\n\n**Stereoscopic Image/Video Support** - We added support for stereoscopic 3D assets! Check out the new `stereoMode` prop for image and video components in the API References.\n**onFuse Callbacks** - Another frequently requested feature, we added onFuse callbacks to all interactable components so you can now fuse to your heart's content.\n**Image Fill Types** - Allows developers to better control the display and size of their images. Refer to [ViroImage](doc:viroimage).\n**Normal Materials** - Support for normal materials will make scenes and objects look even more realistic. Best if use in conjunction with lights.\n**Buffering Start/End Notification** - Buffering notification support for videos. Now you can display an awesome [ViroSpinner](doc:virospinner) if your videos buffer!\n**Additional SceneNavigation Functionality** - Read more about it at [Scene Navigation](doc:scene-navigation).\n** New Code Samples ** - Product Showcase and VR Media Player - We just added two more new and awesome code samples with which to play and get started! Check them out here: [Code Samples](doc:code-samples).\n\n### Fixes\n- Too many to list here, but our platform is now more stable and performs better! If you see anything, feel free to contact us or file an issue at the link at the top of this page.\n\n### Upgrade Instructions\n\nFor those of you running `react-viro v1.0.0`, the following instructions will guide you through updating your Viro project.\n\n1. In your terminal, run the command `npm update -g react-viro-cli` - this will update your react-viro-cli to the latest and will ensure that you won't need to perform this step every time you do `react-viro init`\n2. Change these dependencies in your Viro project's `package.json` file:\n  - react 15.4.2 -> 16.0.0-alpha.6\n  - react-native 0.41.2 -> 0.43.3\n  - react-viro 1.0.0 -> 1.1.0\n  - react-test-renderer 15.4.2 -> 16.0.0-alpha.6\n\n  Your package.json dependencies should now look like the following:\n  ```\n  \"dependencies\": {\n    \"react\": \"16.0.0-alpha.6\",\n    \"react-native\": \"0.43.3\",\n    \"react-viro\": \"1.1.0\"\n  },\n  \"devDependencies\": {\n    \"babel-jest\": \"19.0.0\",\n    \"babel-preset-react-native\": \"1.9.1\",\n    \"jest\": \"19.0.2\",\n    \"react-test-renderer\": \"16.0.0-alpha.6\"\n  },\n```\n3. Also in your `package.json` add the following line to the `scripts` section: `    \"prestart\": \"./node_modules/react-viro/bin/run_ngrok.sh\",`\n4. Simply run `npm install`. Once that completes, you should now be able to use our v1.1.0 features!\n\n#react-viro v1.0.0 (Compatible with react-native v0.41.2)\n\nThis is it! We've launched our v1.0.0 and with it we have Cardboard for Android/iOS, GearVR and Daydream support! We're excited for you to get started developing, so head on over to our website and [sign up](http://www.viromedia.com/signup) for a key to access Viro!\n\np.s. As with all new releases (especially one as grand as this), there may be a few small issues so bear with us as we iron out the kinks. Check out the links at the top of this page if you need to contact us.","excerpt":"","slug":"releases","type":"basic","title":"Releases"}
[block:callout] { "type": "info", "title": "Every react-viro release has a `Compatible with react-native` version", "body": "This means that we have extensively tested the Viro platform to work with that version of react-native. While older or newer versions of react-native may work with Viro, there may be issues or differences that cause Viro to not work properly with older or newer versions of react-native." } [/block] #react-viro v1.1.0 | react-viro-cli v1.1.0 (Compatible with React Native v0.43) ### New Features **Stereoscopic Image/Video Support** - We added support for stereoscopic 3D assets! Check out the new `stereoMode` prop for image and video components in the API References. **onFuse Callbacks** - Another frequently requested feature, we added onFuse callbacks to all interactable components so you can now fuse to your heart's content. **Image Fill Types** - Allows developers to better control the display and size of their images. Refer to [ViroImage](doc:viroimage). **Normal Materials** - Support for normal materials will make scenes and objects look even more realistic. Best if use in conjunction with lights. **Buffering Start/End Notification** - Buffering notification support for videos. Now you can display an awesome [ViroSpinner](doc:virospinner) if your videos buffer! **Additional SceneNavigation Functionality** - Read more about it at [Scene Navigation](doc:scene-navigation). ** New Code Samples ** - Product Showcase and VR Media Player - We just added two more new and awesome code samples with which to play and get started! Check them out here: [Code Samples](doc:code-samples). ### Fixes - Too many to list here, but our platform is now more stable and performs better! If you see anything, feel free to contact us or file an issue at the link at the top of this page. ### Upgrade Instructions For those of you running `react-viro v1.0.0`, the following instructions will guide you through updating your Viro project. 1. In your terminal, run the command `npm update -g react-viro-cli` - this will update your react-viro-cli to the latest and will ensure that you won't need to perform this step every time you do `react-viro init` 2. Change these dependencies in your Viro project's `package.json` file: - react 15.4.2 -> 16.0.0-alpha.6 - react-native 0.41.2 -> 0.43.3 - react-viro 1.0.0 -> 1.1.0 - react-test-renderer 15.4.2 -> 16.0.0-alpha.6 Your package.json dependencies should now look like the following: ``` "dependencies": { "react": "16.0.0-alpha.6", "react-native": "0.43.3", "react-viro": "1.1.0" }, "devDependencies": { "babel-jest": "19.0.0", "babel-preset-react-native": "1.9.1", "jest": "19.0.2", "react-test-renderer": "16.0.0-alpha.6" }, ``` 3. Also in your `package.json` add the following line to the `scripts` section: ` "prestart": "./node_modules/react-viro/bin/run_ngrok.sh",` 4. Simply run `npm install`. Once that completes, you should now be able to use our v1.1.0 features! #react-viro v1.0.0 (Compatible with react-native v0.41.2) This is it! We've launched our v1.0.0 and with it we have Cardboard for Android/iOS, GearVR and Daydream support! We're excited for you to get started developing, so head on over to our website and [sign up](http://www.viromedia.com/signup) for a key to access Viro! p.s. As with all new releases (especially one as grand as this), there may be a few small issues so bear with us as we iron out the kinks. Check out the links at the top of this page if you need to contact us.