React Navigation Invariant违​​规:尝试获取本机标记

Question

尝试使用react-navigation设置简单的导航应用程序时出错.

这是index.js:

/** @format */

import { AppRegistry } from 'react-native';
import { createStackNavigator } from 'react-navigation';
import SecondScreen from './app/screens/SecondScreen';
import FirstScreen from './app/screens/FirstScreen';
import { name as appName } from './app.json';

const App = createStackNavigator(
  {
    SecondScreen,
    FirstScreen,
  },
  {
    initialRouteName: 'FirstScreen',
  },
);

AppRegistry.registerComponent(appName, () => App);

这是FirstScreen.js:

import React, { Component } from 'react';
import { Button } from 'react-native';

export default class ReadingScreen extends Component {
  static navigationOptions = {
    header: null,
  };

  render() {
    return <Button title="CLICK ME" onPress={this.props.navigation.navigate('SelectScreen')} />;
  }
}

当我在初始屏幕上创建SecondScreen一切都很好,但是当它像这样时我得到这个错误:

Invariant Violation: Attempt to get native tag from node not marked as "native"

帮助将不胜感激!我一整天都在寻找解决方案!

这是我的版本:

"react": "16.4.1",
"react-native": "0.56.0",
"react-navigation": "^2.12.0"

Answer 1

同样的错误，我无法导航，它只是挂起并抛出相同的错误，但是当我远程调试时它可以工作，我认为这与安装在 xcode 项目或其他东西中的可可豆荚有关。奇怪的是，几天前这个项目确实运行正常。

我做的唯一不同的事情是重新安装并更新react中的依赖项，也许这是当前react-navigation版本的错误，我是版本2.11.2，现在是2.12。

是的！！解决了，是版本问题。我将反应导航从 2.12.0 降级到 2.11.2，它起作用了！