尝试根据文本点击导航到另一个屏幕，但出现错误 "undefined is not an object (evaluation navigate.navigateToScreen)"

Question

我一直在尝试从文本导航到另一个屏幕，但弹出此错误，任何人都可以帮忙

这是针对我已在此处发布的更大问题 sheet 的测试 Navigate when clicking on image doesn't work ，我正在尝试构建我的代码以从图像导航到页面。感谢您的帮助

import React from 'react';
import { AppRegistry, StyleSheet, View, Image, TouchableOpacity, Text } from "react-native";
import { createAppContainer, createStackNavigator, StackActions, NavigationActions } from 'react-navigation'; // Version can be specified in package.json
import AddDocScreen from './Menu/AddDocScreen'

export default class Mock extends React.Component {
  render() {
    const navigate = this.props.navigation

    return (
      <View style={styles.container}>
        <TouchableOpacity
          onPress={() => navigate.navigateToScreen(navigationAction)}>
          <View><Text>Click Me</Text></View>
        </TouchableOpacity>
      </View>
    )
  }
}

const navigationAction = NavigationActions.navigate({
  routeName: 'AddDocSreen',
})

function navigateToScreen(navigationAction) {
  () => {
    return navigationAction
  }
}

const doc = createStackNavigator({
  AddDocScreen: { screen: AddDocScreen },
});

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'rgba(215,215,215,1)',
    alignItems: 'center',
    justifyContent: 'center',
  },
})

Answer 1

这样使用：

import React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import AddDocScreen from './Menu/AddDocScreen'

class Mock extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center',backgroundColor: 'rgba(215,215,215,1)'}}>
        <Text>Home Screen</Text>
        <TouchableOpacity onPress={() => this.props.navigation.navigate('Details')}>
          <View><Text>Click Me</Text></View>
        </TouchableOpacity>
      </View>
    );
  }
}

const RootStack = createStackNavigator(
  {
    Mock: Mock,
    AddDocScreen: AddDocScreen,
  {
    initialRouteName: 'Mock',
  }
);

const AppContainer = createAppContainer(RootStack);

export default class App extends React.Component {
  render() {
    return <AppContainer />;
  }
}

尝试根据文本点击导航到另一个屏幕，但出现错误 "undefined is not an object (evaluation navigate.navigateToScreen)"

Trying to navigate to another screen based on text click, but got an error "undefined is not an object (evaluation navigate.navigateToScreen)"

navigation

frontend

undefined

react-native