fix: optimise augmented reality

src/components/augmentedReality/AugmentedRealityView.js

@@ -15,9 +15,11 @@ import {
 import PropTypes from 'prop-types';
 import React, { useContext, useEffect } from 'react';
 
-import { colors, texts } from '../../config';
+import { colors, consts, device, texts } from '../../config';
 import { SettingsContext } from '../../SettingsProvider';
 
+const { GB_TO_BYTES } = consts;
+
 export const AugmentedRealityView = ({ sceneNavigator }) => {
   const {
     isObjectLoading,
@@ -100,6 +102,8 @@ const ViroSoundAnd3DObject = (item) => {
     });
   }
 
+  const isMore2GBRam = device.totalMemory > GB_TO_BYTES[2];
+
   return (
     <>
       {!isObjectLoading && (
@@ -164,7 +168,7 @@ const ViroSoundAnd3DObject = (item) => {
           />
         ))}
 
-      {object?.spot && (
+      {object?.spot && isMore2GBRam && (
         <ViroSpotLight
           direction={object.spot.direction}
           innerAngle={object.spot.innerAngle}
@@ -179,7 +183,7 @@ const ViroSoundAnd3DObject = (item) => {
         />
       )}
 
-      {object?.quad && (
+      {object?.quad && isMore2GBRam && (
         <ViroQuad
           height={object.quad.height}
           position={object.quad.position}

src/config/consts.js

@@ -102,6 +102,13 @@ export const consts = {
     FULL_SCREEN_MAX_WIDTH: 428
   },
 
+  // this section has been added to optimise AR on low RAM devices and to prevent some features of AR from being used
+  GB_TO_BYTES: {
+    1: 1073741824,
+    2: 2147483648,
+    3: 3221225472
+  },
+
   // the image aspect ratio can be overwritten by a global setting `imageAspectRatio`
   // from the server in src/index.js
   IMAGE_ASPECT_RATIO: {

src/config/device.js

@@ -1,7 +1,9 @@
 import { Dimensions, Platform } from 'react-native';
+import { totalMemory } from 'expo-device';
 
 export const device = {
   height: Dimensions.get('window').height,
   platform: Platform.OS,
+  totalMemory,
   width: Dimensions.get('window').width
 };