viromedia / viro

ViroReact: AR and VR using React Native
MIT License
2.3k stars 482 forks source link

Best way to embed Viro360Image in React Native component #537

Open SatyaFariz opened 5 years ago

SatyaFariz commented 5 years ago

Hello, I have an image gallery component where users can swipe through images built with react-native-tab-view inside a react-native-modal. Some of the images are equirectangular images (one image in each tab) and therefore I want to use Viro360Image component inside those specific tabs. But when I try to render ViroVRSceneNavigator with Viro360Image as its scene component in each of the tab the performance drops significantly. The modal animation becomes very laggy and even worse the modal (with black background-color) becomes transparent when I swipe to the next/prev tab. What is the best way to show 360 Image according to my use case?

Development OS: Windows Device OS: Android 7.0 React Native Version: 0.57.7 React Viro Version: 2.13.0 Device Manufacturer: Xiaomi App installed on device (not in testbed app)

cristianoccazinsp commented 5 years ago

Ever found a solution?