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

Question

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

props.navigation.navigate('SS2');

SS2 是我想去的画面。

这在使用 expo 运行应用程序的 iOS 中运行良好，但对于 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