首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ReactNavigation错误-无法读取未定义的属性“绑定”

ReactNavigation错误-无法读取未定义的属性“绑定”
EN

Stack Overflow用户
提问于 2018-12-17 07:09:15
回答 1查看 891关注 0票数 1
  • “反应-原生”:"^0.57.0",
  • “反应-导航”:"^3.0.0",
  • “反应-导航-还原-帮手”:"^2.0.7",
  • “反应-还原”:"^5.0.6",
  • "redux":"^4.0.0“
  • "redux-thunk":"^2.3.0",
  • “还原酱”:"0.7.0",
  • 反应-本机-手势-处理程序"^1.0.9",

更新反应-导航到3.0.0在我的反应-本机应用程序。我已经跟踪了这里的正式文档,反应导航并安装了所有的依赖项。

但是不能解决这个问题。

AppNavigation.js

代码语言:javascript
复制
const PrimaryNav = createStackNavigator({
HomeScreen: {
screen: MainTabNav,
}, {
mode: 'modal',
headerMode: 'none',
initialRouteName: 'HomeScreen',
navigationOptions: {
headerStyle: styles.header,
},
});

export default createAppContainer(PrimaryNav);

ReduxNavigation.js

代码语言:javascript
复制
import AppNavigation from './AppNavigation';
import { reduxifyNavigator, createReactNavigationReduxMiddleware } from 
'react-navigation-redux-helpers';

createReactNavigationReduxMiddleware(
'root',
state => state.nav,
);

const ReduxAppNavigator = reduxifyNavigator(AppNavigation, 'root');

render() {
const { dispatch, nav } = this.props;    
  <ReduxAppNavigator state={nav} dispatch={dispatch} />
}
const mapStateToProps = state => ({ nav: state.nav });
export default connect(mapStateToProps)(ReduxNavigation);

navigation.js

代码语言:javascript
复制
import { Keyboard } from 'react-native';
import AppNavigation from '../navigation/AppNavigation';

export default (state, action) => {
Keyboard.dismiss();
const newState = AppNavigation.router.getStateForAction(action, state);
return newState || state;
};

CreateStore.js

代码语言:javascript
复制
import { createStore, applyMiddleware, compose } from 'redux';
import reduxThunkMiddleware from 'redux-thunk';
import { createReactNavigationReduxMiddleware } from 'react-navigation-redux- 
helpers';
import screenTrackingMiddleware from './screenTrackingMiddleware';

export default (rootReducer) => {
const middleware = [];
const enhancers = [];
const navigationMiddleware = createReactNavigationReduxMiddleware(
'root',
state => state.nav,
);

middleware.push(screenTrackingMiddleware);
middleware.push(navigationMiddleware);
middleware.push(reduxThunkMiddleware);
enhancers.push(applyMiddleware(...middleware));
const store = createStore(rootReducer, compose(...enhancers));
return {
 store,
 };
};

RootContainer.js

代码语言:javascript
复制
import ReduxNavigation from 'navigation/ReduxNavigation';

export default class RootContainer extends Component {
render() {
return (
  <View style={styles.applicationView}>
    <StatusBar barStyle="light-content" />        
       <ReduxNavigation />            
  </View>
);
}
}

EN

回答 1

Stack Overflow用户

发布于 2019-01-30 16:59:31

发生这种情况是因为您没有链接react-native-gesture-handler

只需在项目dir中键入react-native link即可。

并再次运行react-native run-android

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53810393

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档