https://github.com/equationalapplications/viroignite
This is an example of adding ViroCommunity ViroReact augmented reality to an existing React Native app using Ignite boilerplate.
https://github.com/equationalapplications/viroignite
ar augmented-reality ignite react-native typescript viroreact virtual-reality vr
Last synced: 30 days ago
JSON representation
This is an example of adding ViroCommunity ViroReact augmented reality to an existing React Native app using Ignite boilerplate.
- Host: GitHub
- URL: https://github.com/equationalapplications/viroignite
- Owner: equationalapplications
- License: mit
- Created: 2021-12-13T19:15:33.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-01-27T09:28:00.000Z (over 3 years ago)
- Last Synced: 2023-03-04T05:34:34.589Z (over 3 years ago)
- Topics: ar, augmented-reality, ignite, react-native, typescript, viroreact, virtual-reality, vr
- Language: TypeScript
- Homepage: https://www.equationalapplications.com/
- Size: 2.57 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ViroReact with Ignite React Native AR/VR
version 7.10.0
This is an example of adding [ViroCommunity ViroReact](https://github.com/ViroCommunity/viro) to an existing React Native project. We will start with the boilerplate from Ignite version 7.10.0 and then manually add and link @viro-community/react-viro version 2.22.0 for augmented reality and virtual reality capabilities.
Create a React Native stack you can use to build more complex augmented reality / virtual reality projects!
By Kurt VanDusen, Founder, [Equational Applications LLC](https://www.equationalapplications.com/), Grand Rapids, MI, USA.
You can watch the [YouTube tutorial](https://youtu.be/gX5y2Htvs2Y) which accompanies this repository for complete instructions.
## Start with Ignite boilerplate for React Native
[Ignite React Native stack](https://github.com/infinitered/ignite)
Currently includes:
- React Native
- React Navigation
- MobX State Tree
- TypeScript
- And more!
## How to Install Viro in an existing project?
If you are integrating ViroReact into an existing project, have a look at our [Installation instructions](https://github.com/ViroCommunity/viro/blob/main/readmes/INSTALL.md). Please note that this does _not_ work with Expo Managed Workflows. Sorry!
## Quick Start
1. `git clone https://github.com/equationalapplications/ViroIgnite`
2. `cd ViroIgnite`
3. `yarn install`
4. (optional) `npx react-native-rename -b `
5. `npx pod-install` (iOS)
6. `npx react-native run-android` or `npx react-native run-ios`
Note: for optional step 4 above, use your own app name and bundle identifier. For example, `npx react-native-rename ViroApp -b com.example.viroapp`
If `npx react-native run-android` fails with EACCESS gradlew.bat or EACCESS gradlew, run `chmod +x gradlew.bat` or `chmod +x gradlew`.
The variant arguments are not needed for debug or release.
You must run ViroReact on a physical device. The Android and iOS emulators are not supported.
Visit the React Native docs for more information about [running on a device](https://reactnative.dev/docs/running-on-device).