Expo 应用仅在 Android 尝试使用按钮从一个屏幕导航到另一个屏幕时崩溃

Question

我在 React Native 中创建了一个堆栈导航器，然后在我的主屏幕上使用它使用按钮转到下一个屏幕，当单击该按钮时我正在调用

props.navigation.navigate('SS2');

SS2是我想去的画面。

这在 iOS 中使用 expo 到运行应用程序完美运行，但是 android 不是这种情况，我已经尝试过 Android v8。 0 和 v9.0，在这两个版本中，点击按钮后 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

Expo 应用仅在 Android 尝试使用按钮从一个屏幕导航到另一个屏幕时崩溃

Expo app crashes only in Android when trying to navigate from a screen to the other using a Button

android

react-native

react-native-navigation

react-navigation

expo