我如何关闭当前屏幕并使用 react-native-router-flux 打开另一个屏幕答案

【问题标题】：How I close de current screen and open another screen with react-native-router-flux我如何关闭当前屏幕并使用 react-native-router-flux 打开另一个屏幕
【发布时间】：2019-02-01 16:36:21
【问题描述】：

我正在使用 react-native-router-flux 并尝试关闭当前屏幕，然后打开另一个屏幕，我该怎么做？ react-native-router-flux 的版本是 4.0.0

【问题讨论】：

标签： react-native react-native-android react-native-ios react-native-router-flux

【解决方案1】：

react-navigation-router-flux API 具有不同的导航功能（push、replace、reset...)，而您必须使用的取决于您的需求：

如果您想从第一个屏幕导航到第二个屏幕，然后您希望能够返回执行Actions.pop()，那么您只需要通过执行Actions.push("second-screen") 导航到第二个屏幕。
另一方面，如果您只需要从第一个屏幕切换到第二个屏幕（并且您不想在那之后返回），那么您可以这样做Actions.reset("second-screen")，这会重置导航堆栈。
或者您可能还需要使用Actions.replace("second-screen")，它会从您的导航堆栈中删除“第一个屏幕”，然后将“第二个屏幕”推送到它，因此您也将导航。

为此，您当然应该事先声明您的路线，例如，您可以这样做：

import { Router, Scene } from 'react-native-router-flux';

...


  <Router>
   ...
    <Scene>
      <Scene key="first-screen" component={FirstComponent} />
      <Scene key="second-screen" component={SecondComponent} />
    </Scene>
    ...
  </Router>

在这里你可以找到所有的Actions documentation。

【讨论】：