Приложение Expo падает только в Android при попытке перехода с одного экрана на другой с помощью кнопки

Question

Я создал стековый навигатор в реагировать на родной, а затем использовал его на главном экране, чтобы перейти к следующему экрану с помощью кнопки, при нажатии кнопки я звоню

props.navigation.navigate('SS2');

SS2 - экранЯ хочу пойти в.

Это прекрасно работает в iOS, использующей expo для запуска приложения, однако это не относится к Android, я пробовал Android v8.0 и v9.0, в обоих из них expo вылетал после кнопкибыл нажат.

На сервере / терминале expo нет сообщения об ошибке, приложение просто аварийно завершает работу и закрывается.

Вот проект, который вы можете запустить и смоделировать проблему:

https://snack.expo.io/SkYyYFH5B

Вот файлы .js, которые я использую:

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": {
    "expo": "^35.0.0",
    "expo-linear-gradient": "^7.0.1",
    "native-base": "^2.13.8",
    "package.json": "^2.0.1",
    "react": "16.8.3",
    "react-dom": "16.8.3",
    "react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
    "react-native-elements": "^1.2.6",
    "react-native-fs": "^2.16.1",
    "react-native-gesture-handler": "^1.4.1",
    "react-native-ionicons": "^4.6.3",
    "react-native-vector-icons": "^6.6.0",
    "react-native-web": "^0.11.7",
    "react-navigation": "^4.0.10",
    "react-navigation-stack": "^1.10.3"
  },
  "devDependencies": {
    "babel-preset-expo": "^7.1.0"
  },
  "private": true
}

App.js :

import React from 'react';

import MainNavigator from './navigation/SingUpNavigator';

export default class App extends React.Component {
  render() {
    return (
      <MainNavigator />
    );
  }
}

SingUpNavigator.js :

import React from 'react';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

import LoginRegisterScreen from '../screens/LoginRegisterScreen';
import SS2 from '../screens/register/SS2';

const MainNavigator = createStackNavigator(
    {
      Home: {
        screen: LoginRegisterScreen
      },
      LoginRegisterScreen: {
        screen: LoginRegisterScreen
      },
      SS2: {
        screen: SS2
      }
    },
    {
      headerMode: 'none'
    }
  )

  export default createAppContainer(MainNavigator);

LoginRegisterScreen.js :

 ... 
<MainButton title="REGISTER" onPress={() => { props.navigation.navigate('SS2')}}/>;
 ...

Answer 1

Эта ошибка не вызвана навигацией, и это произошло на экране SS2.

Вам не следует использовать этот стиль flex center как ваш код.

<View flex center style={styles.firstView}>

</View>

ВместоВ этом стиле вы можете использовать

style = {
  flexDirection: 'row',
  justifyContent: 'center'
}

Я обновил ваш код. https://snack.expo.io/@angelsinej/github.com-arditshala-seatr-demo:mobile