Reactjs 无法使用react导航进行导航

我使用react导航来导航我的android应用程序，我使用react导航和redux

App.js：

const AppRouteConfigs = {
    Home: {
        screen: HomeView
    },
    Completed: {
        screen: CompletedView
    }
}
export const AppNavigator = TabNavigator(AppRouteConfigs,{
    tabBarPosition: 'bottom',
    tabBarOptions: {
        showIcon: true
    }
});

@connect(state=>({
    nav: state.nav
}))
class App extends Component {
    componentDidMount(){
        SplashScreen.hide();
    }
    render(){
        return (
            <AppNavigator navigation={addNavigationHelpers({
                dispatch: this.props.dispatch,
                state: this.props.nav
            })}/>
        )
    }
}
export default App;

HomeView：

@connect(state=>({
    todos: state.todos
}))
export default class HomeView extends Component{
    constructor(props){
        super(props);
    }
    static navigationOptions = {
        tabBarLabel: 'Home View',
        tabBarIcon: ({tintColor})=>(
            <Icon name="rocket" size={15} color="#900" />
        )
    }
    handleClick = ()=>{
        this.props.dispatch(NavigationActions.navigate({routeName: 'Completed'}))
    }
    render(){
        return (
            <View>
                <Text>Hey,I'm home page</Text>
                <Button onPress={this.handleClick} title="go to completed"/>
                <Icon name="rocket" size={30} color="#900" />
            </View>
        )
    }
}

不起作用，我不知道为什么

this.props.navigation.dispatch(NavigationActions.navigate({routeName: 'Completed'}))

也不起作用。

试试这个：

render() {
    const { navigate } = this.props.navigation
    return (
        <View>
            <Button
                onPress={() => navigation.navigate('Completed')}
                title='Completed'
            />
        </View>
    )
}

this.props.navigation.dispatch(NavigationActions.navigate({routeName: 'Completed'}))

render() {
    const { navigate } = this.props.navigation
    return (
        <View>
            <Button
                onPress={() => navigation.navigate('Completed')}
                title='Completed'
            />
        </View>
    )
}