尝试导航时，React-Native中显示错误“无法找到变量：导航”

Question

我正在尝试使用react-navigation导航到另一个页面，但它始终显示相同的错误，这是我的代码称呼方式：

<TouchableOpacity
            onPress={() => this.toggleModal}
        ></TouchableOpacity>

toggleModal = (item) => {
    navigation.navigate('TestHead');
};

而且，我在StackNavigator中确实有两个类，所以我不知道为什么会显示此错误！

编辑

这是我导出导航器的方式：

    const AppNavigator = createStackNavigator(
  {
    Home: Home,
    Detail: SignIn,
    MultiSel: MultiSelectExample,
    TestHead : TestHeader
  },
  {
    initialRouteName: "Home"
  }
);
export default createAppContainer(AppNavigator);