navigation.goBack()；navigation.navigate(...)；是否有效？

Question

从堆栈中删除屏幕的推荐方法是什么？我有几种情况，当用户在一个屏幕上提交信息(创建帐户，或进行交易等)，我希望输入屏幕被删除，以便他们被路由到结果屏幕，并在输入信息之前返回到屏幕。

理想的流程应该是类似于Item Screen -> Purchase Screen -> Result Screen --(goBack)--> Item Screen，以防止混淆或双重提交收集的信息。

无所谓..)或者我没有以预期的方式做这件事。

搜索docs/stackoverflow/github问题对于这方面的指导并不是很有成效。有什么建议吗？

谢谢!

Answer 1

实现这一点的最好方法是使用Reset action，这样就不会过度污染堆栈。

import { StackActions, NavigationActions } from 'react-navigation';

const resetAction = StackActions.reset({
  index: 0,
  actions: [
    NavigationActions.navigate({ routeName: 'ItemScreen' })
  ],
});
this.props.navigation.dispatch(resetAction);

通过这种方式，您可以重置堆栈，并消除有人重新导航回您的各种项目的可能性。