Expo app Crashes only on IOS real devices when navigating (Working Perfectly in Android Devices)

Expo SDK
1
  1. SDK Version: 41.0.0
  2. Platforms(Android/iOS/web/all): IOS

Hi There ,

I’ve created an expo app for both Android and IOS .Its working fine in all simulators, But its crashing only on IOS real devices when navigating between screens.I can able to navigate only for maximum of two screens after that when i try to navigate its crashing (Im using Stack navigator).

Here is my app.json :

{
  "expo": {
    "name": "livtales",
    "slug": "LivtalesUI",
    "description": "Livtales Application",
    "version": "1.0.9",
    "orientation": "landscape",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "bundleIdentifier": "com.criontech.livtales",
      "buildNumber": "1.0.8",
      "supportsTablet": true
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      },
      "package": "com.criontech.livtales",
      "versionCode": 2
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

Here is my package.json :

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@react-native-community/masked-view": "0.1.10",
    "@react-navigation/native": "^5.9.4",
    "@react-navigation/stack": "^5.14.5",
    "expo": "~41.0.1",
    "expo-application": "~3.1.2",
    "expo-constants": "~10.1.3",
    "expo-device": "~3.2.0",
    "expo-status-bar": "~1.0.4",
    "expo-updates": "~0.5.4",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-41.0.0.tar.gz",
    "react-native-gesture-handler": "~1.10.2",
    "react-native-paper": "^4.9.2",
    "react-native-reanimated": "~2.1.0",
    "react-native-safe-area-context": "3.2.0",
    "react-native-screens": "~3.0.0",
    "react-native-svg": "12.1.1",
    "react-native-web": "~0.13.12",
    "sentry-expo": "^3.1.0"
  },
  "devDependencies": {
    "@babel/core": "^7.9.0"
  },
  "private": true
}

Here is my App.js file :

import 'react-native-gesture-handler';
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

// Screens
import Main from "./Screens/Main";
import Slider from "./Screens/Slider";
import SliderTwo from "./Screens/SliderTwo";
import SliderThree from "./Screens/SliderThree";
import SliderFour from "./Screens/SliderFour";
import SliderFive from "./Screens/SliderFive";
import Starting from "./Screens/Starting";
import SignupDOB from "./Screens/SignupDOB";
import SignupName from "./Screens/SignupName";
import SignupAge from "./Screens/SignupAge";
import SignupGender from "./Screens/SignupGender";
import SignupNumber from "./Screens/SignupNumber";
import SignupPassword from "./Screens/SignupPassword";
import dobSelect from "./Screens/dobSelect";
import Subscribe from "./Screens/Subscribe";
import Signin from "./Screens/Signin";
import selectProfile from "./Screens/selectProfile" ;
import selectMode from "./Screens/selectMode" ;
import ChangeUser from "./Screens/ChangeUser" ;
import Performances from "./Screens/Performances" ;
import Stage from "./Screens/Stage" ;
import SelectSequence from "./Screens/SelectSequence" ;
import SelectCharacter from "./Screens/SelectCharacter" ;
import PlayScreen from "./Screens/PlayScreen" ;
import Rewards from "./Screens/Rewards";
import PlayAgain from "./Screens/PlayAgain";


const Stack = createStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator screenOptions={{headerShown: false}}>
        <Stack.Screen name="Main" component={Main} />
        <Stack.Screen name="Slider" component={Slider} />
        <Stack.Screen name="SliderTwo" component={SliderTwo} />
        <Stack.Screen name="SliderThree" component={SliderThree} />
        <Stack.Screen name="SliderFour" component={SliderFour} />
        <Stack.Screen name="SliderFive" component={SliderFive} />
        <Stack.Screen name="Starting" component={Starting} />
        <Stack.Screen name="Signin" component={Signin} />  
        <Stack.Screen name="SignupDOB" component={SignupDOB} />
        <Stack.Screen name="dobSelect" component={dobSelect} />
        <Stack.Screen name="SignupName" component={SignupName} />
        <Stack.Screen name="SignupAge" component={SignupAge} />  
        <Stack.Screen name="SignupGender" component={SignupGender} /> 
        <Stack.Screen name="SignupNumber" component={SignupNumber} /> 
        <Stack.Screen name="SignupPassword" component={SignupPassword} />
        <Stack.Screen name="Subscribe" component={Subscribe} /> 
        <Stack.Screen name="selectProfile" component={selectProfile} /> 
        <Stack.Screen name="selectMode" component={selectMode} />
        <Stack.Screen name="ChangeUser" component={ChangeUser} />
        <Stack.Screen name="Performances" component={Performances} />
        <Stack.Screen name="Stage" component={Stage} />
        <Stack.Screen name="SelectSequence" component={SelectSequence} />
        <Stack.Screen name="SelectCharacter" component={SelectCharacter} />
        <Stack.Screen name="PlayScreen" component={PlayScreen} />
        <Stack.Screen name="Rewards" component={Rewards} />
        <Stack.Screen name="PlayAgain" component={PlayAgain} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}
2

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.