我实际上是在用 react-native 学习导航工具。我尝试了文档https://reactnavigation.org/docs/en/hello-react-navigation.html 中的一个示例。我不知道为什么它向我显示此错误
这是代码:
import React from 'react';
import { View, Text, Button } from 'react-native';
import { createAppContainer, createStackNavigator, StackActions,
NavigationActions } from 'react-navigation'; // Version can be specified
in package.json
class HomeScreen extends React.Component {
render() {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center'
}}>
<Text>Home Screen</Text>
<Button
title="Go to Details"
onPress={() => {
this.props.navigation.dispatch(StackActions.reset({
index: 0,
actions: [
NavigationActions.navigate({ routeName: 'Details' })
],
}))
}}
/>
</View>
);
}
}
class DetailsScreen extends React.Component {
render() {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center'
}}>
<Text>Details Screen</Text>
</View>
);
}
}
const AppNavigator = createStackNavigator({
Home: {
screen: HomeScreen,
},
Details: {
screen: DetailsScreen,
},
}, {
initialRouteName: 'Home',
});
export default createAppContainer(AppNavigator);
你知道如何解决这个问题吗?
在带有 React-Native 0.57.8 的 Mac 上,我删除了 node_modules 和 package.lock.json,然后放置在:[email protected]
devDependencies 下。Ran npm install
,react-native run-ios
它奏效了。根据 React DevTools 的贡献者,这个问题已经修复,基于这个线程:https : //github.com/facebook/react-native/issues/22865
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句