{"id":34656692,"url":"https://github.com/tiero/react-native-360","last_synced_at":"2025-12-24T18:09:31.466Z","repository":{"id":57334992,"uuid":"78119095","full_name":"tiero/react-native-360","owner":"tiero","description":"A React Native wrapper for Google VR Cardboard SDK","archived":false,"fork":false,"pushed_at":"2019-02-02T13:33:47.000Z","size":1740,"stargazers_count":139,"open_issues_count":21,"forks_count":38,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-11-21T22:02:39.628Z","etag":null,"topics":["360","360-video","android","ios","react-native","virtual-reality"],"latest_commit_sha":null,"homepage":null,"language":"Objective-C","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tiero.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-05T14:18:40.000Z","updated_at":"2025-07-30T16:17:04.000Z","dependencies_parsed_at":"2022-09-06T04:41:16.116Z","dependency_job_id":null,"html_url":"https://github.com/tiero/react-native-360","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tiero/react-native-360","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiero%2Freact-native-360","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiero%2Freact-native-360/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiero%2Freact-native-360/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiero%2Freact-native-360/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tiero","download_url":"https://codeload.github.com/tiero/react-native-360/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiero%2Freact-native-360/sbom","scorecard":{"id":884971,"data":{"date":"2025-08-11","repo":{"name":"github.com/tiero/react-native-360","commit":"8ad9b79e5ade2a7261ffa8364663ac309215f24a"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3.3,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":3,"reason":"Found 7/22 approved changesets -- score normalized to 3","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":9,"reason":"binaries present in source code","details":["Warn: binary detected: example/test/android/gradle/wrapper/gradle-wrapper.jar:1"],"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 15 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}}]},"last_synced_at":"2025-08-24T09:39:46.980Z","repository_id":57334992,"created_at":"2025-08-24T09:39:46.980Z","updated_at":"2025-08-24T09:39:46.980Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28005981,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-24T02:00:07.193Z","response_time":83,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["360","360-video","android","ios","react-native","virtual-reality"],"created_at":"2025-12-24T18:05:39.640Z","updated_at":"2025-12-24T18:09:31.454Z","avatar_url":"https://github.com/tiero.png","language":"Objective-C","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Looking for maintainers\n### open an issue and tag me @tiero\n\n\n# react-native-360\n A React Native wrapper for [Google VR Cardboard SDK](https://developers.google.com/vr/). \n \n\u003e Android version in this [repo](https://github.com/altafan/react-native-gvr-video-android) needs to be polished and merged here\n \n## Index\n\n1. [Description](#1-description)\n2. [Installation](#2-installation)\n3. [Usage](#3-usage)\n4. [Credits](#4-credits)\n5. [Roadmap](#5-changelog)\n6. [License](#6-license)\n\n\n\n### 1. Description\n\n**React Native 360** exploits [Google VR Cardboard SDK](https://developers.google.com/vr/) to load and display 360-degree panoramic photos and to define a view that renders a 360 video using OpenGL\n\n\u003e The iOS Google VR SDK works only with a real device [#3](https://github.com/tiero/react-native-360/issues/3) \n\n### 2. Installation\n\nYou can pull in react-native-360 via github:\n\n```shell\nnpm install https://github.com/tiero/react-native-360.git\n```\n\nin ios folder create a **Podfile**\n\n```shell\ntarget 'myProject' do\n  pod 'GVRSDK'\n  # Your 'node_modules' directory is probably in the root of your project,\n  # but if not, adjust the `:path` accordingly\n  pod 'React', :path =\u003e '../node_modules/react-native', :subspecs =\u003e [\n    'Core',\n\n    'RCTActionSheet',\n    'RCTAnimation',\n    'RCTGeolocation',\n    'RCTImage',\n    'RCTLinkingIOS',\n    'RCTNetwork',\n    'RCTSettings',\n    'RCTText',\n    'RCTVibration',\n    'RCTWebSocket',\n    'BatchedBridge',\n\n  \n    'DevSupport' # Include this to enable In-App Devmenu if RN \u003e= 0.43\n    \n    # Add any other subspecs you want to use in your project\n  ]\n  \n    # Explicitly include Yoga if you are using RN \u003e= 0.42.0\n  pod 'Yoga', :path =\u003e '../node_modules/react-native/ReactCommon/yoga'\nend\n\n```\n\nStill in ios folder install pods locally\n\n```shell\npod install \npod update\n```\n\n- Open `myProject.xcworkspace` and under `myProject` \u003e `Build Settings` under `Build Options` set **ENABLE BITCODE** to **NO**\n- Drag the folder `RNGoogleVR` from `node_modules/react-native-360/ios` under your `myProject` and be sure to check `Copy items if needed` and `Create groups`\n\n\n### 3. Usage \n\n**Video Example**\n\n```js\nimport { VideoView } from 'react-native-360';\n```\n\n```js\n\u003cVideoView \n    style={{height:200,width:width}}\n    video={{ uri:'https://raw.githubusercontent.com/googlevr/gvr-ios-sdk/master/Samples/VideoWidgetDemo/resources/congo.mp4',\n             type: 'stereo'}}\n    displayMode={'embedded'}\n    volume={1}\n    enableFullscreenButton\n    enableCardboardButton\n    enableTouchTracking\n    hidesTransitionView\n    enableInfoButton={false}              \n/\u003e            \n```\n\n**Panorama Example**\n\n```js\nimport { PanoramaView } from 'react-native-360';\n```\n\n```js\n\u003cPanoramaView \n    style={{height:200,width:width}}\n    image={require('./andes.jpg')}\n    displayMode={'embedded'}\n    enableFullscreenButton\n    enableCardboardButton\n    enableTouchTracking\n    hidesTransitionView\n    enableInfoButton={false}              \n/\u003e   \n```\n\n### API\n\n\n\n## VideoView\n\n| Prop | Type | Description | Values\n|---|---|---|---|\n| `volume` | number  | Defines a volume multiplier between 0.0f and 1.0f on the media audio playback | 1\n| `video` | object | Load a local or remote video from a url and start playing | {uri:'https://uri-example.com', type: 'stereo','mono'}\n| `enableFullscreenButton` | bool  | Displays a button that allows the user to transition to fullscreen mode. |\n| `enableCardboardButton` | bool | Displays a button that allows the user to transition to fullscreen Cardboard VR mode.|\n| `enableTouchTracking`  | bool | Enables touch gesture detection for manual heading control. |\n| `enableInfoButton`  | bool | Displays a button that allows the user to get more information about VRView |\n| `hidesTransitionView`  | bool | Hides the transition view when entering VR mode |\n| `displayMode`  | string | Controls the current GVRWidgetDisplayMode of the widget view | 'fullscreen','cardboard', 'embedded' \n\n\n## PanoramaView\n\n| Prop | Type | Description | Values\n|---|---|---|---|\n| `image` | Image.propTypes.source | Load a 360-Panorama image from UIImage of type stereo. | require('./image360.jpg')\n| `enableFullscreenButton` | bool  | Displays a button that allows the user to transition to fullscreen mode. | \n| `enableCardboardButton` | bool | Displays a button that allows the user to transition to fullscreen Cardboard VR mode. |\n| `enableTouchTracking`  | bool | Enables touch gesture detection for manual heading control. |\n| `enableInfoButton`  | bool | Displays a button that allows the user to get more information about VRView |\n| `hidesTransitionView`  | bool | Hides the transition view when entering VR mode |\n| `displayMode`  | string | Controls the current GVRWidgetDisplayMode of the widget view | 'fullscreen','cardboard', 'embedded'\n\n\n### 4. Credits\n\nThis Native UI component leverages the [Google VR Android SDK](https://developers.google.com/vr/android) and the [Google VR iOS SDK](https://developers.google.com/vr/ios) for all the heavy liftings.\n\n### 5. Roadmap\n- [x] **iOS**\n    - [x] **PanoramaView**\n    - [x] **VideoView**\n- [ ] Android \n    - [ ] PanoramaView\n    - [ ] VideoView\n\n**TODO**\n- [ ] [iOS] Load 360 image from network\n\n### 6. License\n\nMIT License\n\nCopyright (c) 2017 Marco Argentieri\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiero%2Freact-native-360","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftiero%2Freact-native-360","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiero%2Freact-native-360/lists"}