如何处理反应导航自定义标题后退按钮

Question

我正在使用反应导航：

"@react-navigation/native": "5.2.3",
"@react-navigation/stack": "5.2.18",

而且我在特定屏幕上有一个自定义标题，但是我需要处理后退按钮才能返回到上一屏幕，但是我没有访问导航道具的权限]

    function MainStackScreen() {
        return (
            <Stack.Navigator initialRouteName={'Splash'}>
                <Stack.Screen name="Splash" component={Splash} options={{headerShown: false}}/>
                <Stack.Screen options={{ style:{  borderTopWidth: 0, elevation: 0, shadowOpacity: 0 }, 
                              headerStyle:{height: hp('7%') }, header:()=><CustomHeader 
                              title={i18n.t('myAds:header')} back bgColor={colors.white} 
                              onPressHeader={()=>navigation.pop()} />  }} name="MyAdsTabs" component={MyAdsTabs} />
            </Stack.Navigator>
        );
    }


<Provider store={store}>
    <PersistGate persistor={persistor} loading={this.renderLoading()}>
        <Root>
            <NavigationContainer>
                <MainStackScreen />
            </NavigationContainer>
        </Root>
    </PersistGate>
</Provider>
它给我以下错误：ReferenceError：导航未定义

我怎样才能访问导航或处理后退按钮

我正在使用react-navigation：“ @ react-navigation / native”：“ 5.2.3”，“ @ react-navigation / stack”：“ 5.2.18”，我在特定屏幕上具有自定义标题，但是我需要处理后退按钮才能返回到...

Answer 1

我通过了这样的导航，就像文档所说的react-navigation docs

Answer 2

您必须在标题中定义如下的navigation：