Wednesday, October 28, 2026
HomeiOS Developmentreact native - Expo with Drawer.Navigator crashes on ios testflight app

react native – Expo with Drawer.Navigator crashes on ios testflight app

[ad_1]

I’ve created a easy app with a hamburger menu to indicate the issue. This code runs superb within the simulator. It solely crashes when testing on a Testflight construct on iOS. The crash occurs instantly after launching. What am I lacking?

I’ve put
import ‘react-native-gesture-handler’
as the primary line in App.tsx

App.tsx

import 'react-native-gesture-handler';
import { View, Textual content } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';

operate Feed() {
  return (
    <View fashion={{ flex: 1, justifyContent: 'middle', alignItems: 'middle' }}>
      <Textual content>Feed Display</Textual content>
    </View>
  );
}

operate Article() {
  return (
    <View fashion={{ flex: 1, justifyContent: 'middle', alignItems: 'middle' }}>
      <Textual content>Article Display</Textual content>
    </View>
  );
}

const Drawer = createDrawerNavigator();

operate MyDrawer() {
  return (
    <Drawer.Navigator>
      <Drawer.Display title="Feed" element={Feed} />
      <Drawer.Display title="Article" element={Article} />
    </Drawer.Navigator>
  );
}

export default operate App() {
  return (
    <NavigationContainer>
      <MyDrawer />
    </NavigationContainer>
  );
}

bundle.json

{
  "title": "test_app",
  "model": "1.0.0",
  "important": "node_modules/expo/AppEntry.js",
  "scripts": {
    "begin": "expo begin",
    "android": "expo begin --android",
    "ios": "expo begin --ios",
    "internet": "expo begin --web",
    "eject": "expo eject",
    "check": "jest --watchAll"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "@expo/vector-icons": "^12.0.0",
    "@react-navigation/bottom-tabs": "^6.0.5",
    "@react-navigation/drawer": "^6.4.1",
    "@react-navigation/native": "^6.0.2",
    "@react-navigation/native-stack": "^6.1.0",
    "expo": "~44.0.0",
    "expo-asset": "~8.4.4",
    "expo-constants": "~13.0.0",
    "expo-font": "~10.0.4",
    "expo-linking": "~3.0.0",
    "expo-splash-screen": "~0.14.0",
    "expo-status-bar": "~1.2.0",
    "expo-updates": "~0.11.7",
    "expo-web-browser": "~10.1.0",
    "react": "17.0.1",
    "react-dom": "17.0.1",
    "react-native": "0.64.3",
    "react-native-gesture-handler": "~2.1.0",
    "react-native-reanimated": "~2.3.1",
    "react-native-safe-area-context": "3.3.2",
    "react-native-screens": "~3.10.1",
    "react-native-web": "0.17.1"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "@sorts/react": "~17.0.21",
    "@sorts/react-native": "~0.64.12",
    "jest": "^26.6.3",
    "jest-expo": "~44.0.1",
    "react-test-renderer": "17.0.1",
    "typescript": "~4.3.5"
  },
  "personal": true
}

[ad_2]

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments