React Navigation version 3 отображает страницу загрузки

Question

Я использую React Navigation 3.x, и он не смог запустить приложение. Ошибка ниже: -

This error is located at:
    in StackViewLayout (at withOrientation.js:30)
    in withOrientation (at StackView.js:96)
    in RCTView (at View.js:60)
    in View (at Transitioner.js:202)
    in Transitioner (at StackView.js:22)
    in StackView (at createNavigator.js:62)
    in Navigator (at createKeyboardAwareNavigator.js:12)
    in KeyboardAwareNavigator (at createAppContainer.js:388)
    in NavigationContainer (at renderApplication.js:33)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:102)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:122)
    in AppContainer (at renderApplication.js:32)

This error is located at:
    in NavigationContainer (at renderApplication.js:33)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:102)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:122)
    in AppContainer (at renderApplication.js:32)

Мой код идет сюда: -

Ap.js

import React from "react";
import { View, Text } from "react-native";
import { createStackNavigator, createAppContainer } from "react-navigation";

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
        <Text>Home Screen</Text>
      </View>
    );
  }
}

const AppNavigator = createStackNavigator({
  Home: {
    screen: HomeScreen
  }
});

    export default createAppContainer(AppNavigator);

Файл Package.json находится здесь: -

{
  "name": "reactCrud",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.3.0-alpha.0",
    "react-native": "0.55.0",
    "react-native-gesture-handler": "^1.0.9",
    "react-navigation": "^3.0.0"
  },
  "devDependencies": {
    "babel-jest": "23.6.0",
    "babel-preset-react-native": "4.0.1",
    "jest": "23.6.0",
    "react-test-renderer": "16.3.0-alpha.0"
  },
  "jest": {
    "preset": "react-native"
  }
}

Чтобы установить реагирующую навигацию, я использовал следующие шаги: -

• установка в минуту - сохранение реакции навигации

• npm install - сохранить обработчик реакции-нативного жеста

• Реактивная ссылка

Как решить эту ошибку? Заранее спасибо.

Answer 1

У меня та же проблема с React Navigation V3, проблема, с которой я использовал Babel 7 с @babel/plugin-proposal-class-properties Так что я просто удаляю все ненужные плагины И мой (.babelrc, babel.config.js) выглядит следующим образом:

{
  "presets": [
    "@babel/preset-flow",
    "module:metro-react-native-babel-preset"
  ],
  "plugins": [
    ["@babel/plugin-transform-runtime"],
    ["@babel/plugin-transform-flow-strip-types"],
    ['@babel/plugin-proposal-decorators', { legacy: true }]
  ]


}

И работает нормально.Однако вам просто нужно установить вышеуказанные плагины babel и сконфигурировать ваш файл конфигурации babel, и, надеюсь, это решит вашу проблему