problem with react navigation/native?

How to / Third Party Tooling
1

Hello, I have the following problem: in expo dev client this code works:

App.js:

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

import Pruebas from './pages/prueba';

const Stack = createStackNavigator();

export default function App() {

  return (
<NavigationContainer>
      <Stack.Navigator>

          <Stack.Screen name="Home" component={Pruebas} options={{  title: 'Nuevo TĂ­tulo', headerLeft: null }} /> 

      </Stack.Navigator>
    </NavigationContainer>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Prueba.js:

import { StatusBar } from 'expo-status-bar';

import { StyleSheet, Text, View } from 'react-native';


  const Pruebas = () => {

  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default Pruebas;

but when I compile the aab and share it on the play console in internal test, the application starts with a blank screen and closes…
I tried to compile the aab without the navigation code and it works as it should, that is, the code I tried is:

App.js:

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';


export default function App() {

  return (
    <View style={styles.container}>
    <Text>Open up App.js to start working on your app!</Text>
    <StatusBar style="auto" />
  </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

When I test the application on the web, it works with the included navigation code… It’s only when I compile the aab to share the application… Does anyone else experience this?

2

Hi, if the problem only occurs in Production, you could try debugging it in Prod. You can do this with the following command: expo start --no-dev --minify

1 Like