主机功能异常： <unknown> 尝试推送新屏幕时

Question

问题描述

试图推开新屏幕 Navigation.push(this, { component: { name: 'awesome-places.AuthScreen' }}) 并遇到错误Exepction in HostFunction <unknown>

错误屏幕截图

复制/代码片段/屏幕截图的步骤

创建RN应用程序，安装所需模块(Redux，React-Redux，React-Native-Navigation，React-Vector-Icons(并在Android设备上运行代码。

添加导致错误的相关代码，app.js和组件。我尝试使用 this.props.componentId运行navigation.push，但是当我按按钮时，没有响应

app.js

import { Navigation } from 'react-native-navigation';
import { Provider } from 'react-redux';
import AuthScreen from './src/screens/Auth/Auth';
import SharePlaceScreen from './src/screens/SharePlace/SharePlace';
import FindPlaceScreen from './src/screens/FindPlace/FindPlace';
import PlaceDetailScreen from './src/screens/PlaceDetail/PlaceDetail';
import configureStore from './src/store/configureStore';
const store = configureStore();
// Register Screens
Navigation.registerComponentWithRedux("awesome-places.AuthScreen", () => AuthScreen, Provider, store);
Navigation.registerComponentWithRedux("awesome-places.SharePlaceScreen", () => SharePlaceScreen, Provider, store);
Navigation.registerComponentWithRedux("awesome-places.FindPlaceScreen", () => FindPlaceScreen, Provider, store);
Navigation.registerComponent("awesome-places.PlaceDetailScreen", () => PlaceDetailScreen);
// Start an App
Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      component: {
        name: 'awesome-places.AuthScreen'
      }
    }
  });
});

findplace.js

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { connect } from 'react-redux';
import { Navigation } from 'react-native-navigation';
import PlaceList from '../../components/PlaceList/PlaceList';
class FindPlaceScreen extends Component {
        Navigation.push(this, {
            component: {
                name: 'awesome-places.AuthScreen',
            }
        })
    }
    render () {
        return(
            <View>
                <PlaceList places={this.props.places} onItemSelected={this.itemSelectedHandler} />
            </View>
        );
    }
}
const mapStateToProps = state => {
    return {
        places: state.places.places
    }
}
export default connect(mapStateToProps)(FindPlaceScreen);

---

环境

• React Native Navigation版本：2.17.0
• 反应本机版本：0.59.4
• 平台(ios，android，还是两者？(：android
• 设备信息(simulator/device？os版本？调试/发行版？(：android 7.1.2，debug

Answer 1

我注意到您是用this而不是显式componentId推动屏幕。调用Navigation.push时，第一个参数需要为componentID。请参阅文档以获取参考。

另外，这可能不是问题，但是registerComponentWithRedux已弃用，您应该向新的API