react-native - React Native - addnavigationHelpers 未定义
问题描述
我对 react-native 相当陌生,并且在尝试设置我的 appNavigation 和 redux 时遇到了以下错误。
TypeError: (0, _reactNavigation.addNavigationHelpers) 不是函数。(在 '(0, _reactNavigation.addNavigationHelpers)({dispatch:dispatch, state: nav})' (0, _reactNavigation.addNavigationHelpers)' 中未定义。
代码-->
应用程序.js -
import React from 'react';
import store from './src/store';
import { Provider } from 'react-redux';
import 'react-native-gesture-handler';
import AppNavigation from './src/components/AppNavigator';
export default class App extends React.Component {
render() {
return (
<Provider store={store}>
<AppNavigation />
</Provider>
);
}
}
AppNavigator.js -
import React from 'react';
import TodoApp from '../TodoApp';
import TodoDetails from '../components/TodoDetails';
import { connect } from 'react-redux';
import { addNavigationHelpers } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
export const AppNavigator = createStackNavigator(
{
todoDetails: TodoDetails,
home: TodoApp,
},
{
initialRouteName: 'todoDetails',
},
);
const AppNavigation = ({ dispatch, nav }) => (
<AppNavigator navigation={addNavigationHelpers({ dispatch, state: nav })} />
);
const mapStateToProps = state => ({
nav :state.nav,
});
export default connect(mapStateToProps)(AppNavigation);
编辑 -
我确实按照给出的步骤https://stackoverflow.com/questions/50246457/react-native-reactnavigation-addnavigationhelpers-in-not-a-function
但不幸的是,这给出了一个错误说法
TypeError: undefined is not an object (评估'state.routes')
错误位于: in Navigator (at AppNavigator.js:20) in AppNavigation (created by ConnectFunction) in ConnectFunction (at App.js:19)......
解决方案
addNavigationHelpers
已从 react-navigation 的默认导出中删除,
您需要直接添加到navigation
道具中
<AppNavigator navigation={{
dispatch: this.props.dispatch,
state: this.props.nav,
addListener,
}} />
pritish的一个很好的答案,希望它有帮助。
推荐阅读
- android - 已获取数据时如何防止显示加载指示器
- php - 输入值不显示在 WooCommerce 城市字段中
- python-3.x - Python - BS4:在 div 之间提取文本
- testing - 捕获 axios 请求并在 e2e 测试中提供模拟
- jquery - 无法在 asp.mvc 中使用 ajax 调用成功接收值列表
- python-3.x - Scrapy 不会从 span 类中获取所有文本
- python - 防止 f 字符串将浮点数转换为科学计数法
- c# - 布尔值在设置为 true 后返回 false
- c++ - 将普通 C++ 字符串写入快速 JSON 会导致字符串带有反斜杠
- sql-server - Apache Spark:使用 JDBC 驱动程序写入 SQL Server/Azure DWH 的 BINARY 类型列的类型转换问题