react-native - TabNavigator のリセット

Question

反応ネイティブの TabNavigator と StackNavigator に問題があります。ボタンを押したときにナビゲーションをリセットしたいと思います。タブ ナビゲーションにスタック ナビゲーションがあります。問題は、ナビゲーションを 1 つだけリセットできることです...

予定：

-tabNavigator
   -listing.js
   -stackNavigator
      -types.js
      -picture.js
      -ad.js

したがって、ad.js にいるとき、クリックするとボタンが表示され、stackNavigation が type.js にリセットされ、tabNavigator が Listing.js にリセットされるので、最終的に Linsting.js を返す必要があります。

私のナビゲーション：navigation.js

export const resetAction = NavigationActions.reset({
  index: 0,
  actions: [
    NavigationActions.navigate({ routeName: 'Types'}),
  ],
  key: null
})
export const listingAction = NavigationActions.navigate({
    routeName: 'Listing',
  })


const Stack = StackNavigator(
  {
    Types: {screen: SelectTypesScreen},
    Picture: {screen: SelectPictureScreen},
    Ad: {screen: CreateAd}
  })

const Tab = TabNavigator(
  {
    Listing: {screen: ListingScreen},
    Preference: {screen: PreferencesScreen},
    Add: {screen : Stack}
  },
  {

  }
)

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

タブ ナビゲーション linsting.js

export default class Listing extends Component {
    render() {
        return (
            <View>
                <Text> Listing </Text>
            </View>
        );
    }
}

スタック ナビゲーション ad.js

export default class CreateAd extends Component {
    render() {
        return (
            <View>
                <Text style={{marginTop: '80%', marginLeft: '40%'}}> Ad </Text>
                <Button title="Ok" onPress={() => {console.log("displayer 1"), this.props.navigation.dispatch(resetAction), console.log("displayer 2"), this.props.navigation.dispatch(listingAction)}} />
            </View>
        );
    }
}