【发布时间】:2019-01-04 14:31:36
【问题描述】:
我实际上是在学习 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 react-navigation