StackNavigation不會將屏幕添加到堆棧React Native

Question

我擁有當前的屏幕流。

首頁 - >信息 - >登錄 - >相機。

問題是我不想將登錄名添加到堆棧中，因爲當您從相機返回時，您將返回登錄，而不是信息。

如果我使用this.props.navigate('Info')從相機，那麼問題是現在回到相機，而不是從信息回家。注意我也不想在登錄頁面完成刪除堆棧，就像我在這裏看到使用復位功能（https://reactnavigation.org/docs/navigators/navigation-actions#Reset）。

理想我想怎樣做是：

首頁 - >信息 - >登錄（不添加到堆） - >攝像頭。

這是我可以從相機到信息和從信息回到家。

有沒有人找到一個很好的解決方法呢？

感謝

Answer 1

如果你想保留的全部籌碼，而params，僅開溝登錄頁面，那麼你既可以在攝像機頁面使用Reset Navigation Action：

import { NavigationActions } from 'react-navigation' 

const resetAction = NavigationActions.reset({ 
    index: 1, 
    actions: [ 
    NavigationActions.navigate({ routeName: 'Home', params: this.props.navigation.state.params }) 
    NavigationActions.navigate({ routeName: 'Info', params: this.props.navigation.state.params }) 
    ] 
}) 
this.props.navigation.dispatch(resetAction) 

這樣，您將：

1. 導航到主頁頂部的信息頁面，這意味着後退按鈕將導致主頁。
2. 如果需要，請保留參數。如果你不只是不通過它們。

此功能可以添加到任何位置：組件內部/動作創作者/內部後退按鈕。

或者爲後退按鈕添加相同的代碼。在這種情況下，你需要把它添加到相機路徑的navigationOptions：

const backButton = ({ navigation }) => ({ 
     headerLeft: <TouchableOpacity 
        onPress={() => { 
        // the code from above, except for import line and using navigation.whatever instead of this.props.navigation.whatever 
        }} 
       ><Text>Back</Text> // this is a text of a back button, you could also use an icon 
       </TouchableOpacity> 
}); 

導航：

const MyStack = StackNavigator({ 
    home: { screen: Home }, 
    info: { screen: Info }, 
    login: { screen: Login }, 
    camera: { screen: Camera }, navigationOptions: backButton });