没有 {type:reset} 的 React Native Router Flux Freezing答案

【问题标题】：React Native Router Flux Freezing Without {type:reset}没有 {type:reset} 的 React Native Router Flux Freezing
【发布时间】：2019-11-06 01:30:04
【问题描述】：

我在我的移动应用上使用 React Native Router Flux 进行路由。

页面结构是这样的；

Login.js 获取用户密码和用户名验证并将用户令牌存储在 AsyncStorage 中如果应用有用户令牌将用户重定向到 MainPage.js

(ComponentWillMount()方法中的重定向)

MainPage.js 对我的后端服务器进行 API 调用以列出一些数据

DetailPage.js 对我的后端服务器进行 API 调用以获取一些详细数据。

我的路由器结构；

<Roter>
    <Scene key="root">
        <Scene initial component={Login} key="login" />
        <Scene component={MainPage} key="mainpage" />
        <Scene component={DetailPage} key="detailpage" />
    </Scene>
</Router>

问题是；

当我想从 MainPage 导航到 DetailPage 时，如果没有 Actions.detailpage({type:"reset"})，我将无法使用 Actions.detailpage()

如果我尝试仅使用 Actions.detailpage() 应用程序会在 MainPage 上冻结。但是我 console.log("this is detail page") 我可以看到输出。实际上我可以使用Actions.detailpage() 导航，但我的 DetailPage 无法加载到屏幕。

我有网络电话。导航堆栈不处理这个繁重的过程吗？

如果我使用 Actions.detailpage({type:"reset"}) ，则缺少导航历史记录。所以我不能在顶部导航栏上使用后退按钮。

我在这里缺少什么？

Actions 重置属性：清除路由栈并推送场景进入第一个索引。不会发生转换。

https://github.com/aksonov/react-native-router-flux/blob/master/docs/API.md#actions

编辑：

当我删除所有路由配置并添加两个空场景（如 PageA.js 和 PageB.js）时，当我尝试从 PageA 跳转到 PageB 时仍然冻结

<Roter>
        <Scene key="root>
            <Scene initial component={PageA} key="page_a" />
            <Scene component={PageB} key="page_b" />
        </Scene>
    </Router>

我仍然得到同样的错误。我的应用程序中的某些内容阻止了页面渲染和场景加载。我如何检查这个问题？

我的依赖也是；

"dependencies": {
    "@react-native-community/async-storage": "^1.4.2",
    "react": "16.8.3",
    "react-native": "0.59.8",
    "react-native-elements": "^1.1.0",
    "react-native-facebook-account-kit": "^1.1.0",
    "react-native-fbsdk": "^0.8.0",
    "react-native-iap": "^2.5.5",
    "react-native-router-flux": "^4.0.6",
    "react-native-vector-icons": "^6.5.0"
  },

【问题讨论】：

你能试试Actions.reset("detailpage")吗？此外，您的 <Router> 标签有错字，key 道具缺少双引号。在重试之前先修复它们。

标签： javascript reactjs react-native react-native-router-flux

【解决方案1】：

您是否使用过 Actions.push('scene key')？我无法直接移动到特定场景，但这个可能会对你有所帮助。我正在考虑使用反应导航

【讨论】：