在React Native（和Ignite）中，如何在单击列表项时创建导航到另一个容器的ListView（在选项卡内）？

Question

我刚刚创建了一个Ignite初学者项目。我对这个伟大的样板代码中使用的技术部分熟悉，但有些方面对我来说很新。在项目中是按下按钮导航到的ListView。一旦进入ListView，我希望能够点击一个项目并推送到我生成的容器。我不能让这个工作。

我没有以任何其他方式更改v1.13.0 Ignite项目而不是为此目的。因此，导航由'react-native-router-flux'提供。具体来说，我有：

• 在NavigationRouter.js和中获取ListviewExample场景 将生成的容器封装在其中，如下所示：

await Task.Run(() => Parallel.ForEach(...));

• 来自react-native-router-flux的导入操作： <Scene hideNavBar={false} key='listviewExample' component={ListviewExample} title='Listview Example'> <Scene key='testContainer' component={TestContainer} title='testContainer' /> </Scene>
• 将以下内容添加到ListviewExample中的文本项：import { Actions } from 'react-native-router-flux'

当我按下ListView中的Text项时，没有任何反应。例如，如果我看看Spencer Carli的blog post about this，我看不出与我正在做的事情有什么不同。也不是'react-native-router-flux'演示。

我在这里缺少什么？

顺便说一下，我在标题中写了（在标签内），因为我正在处理的基于Ignite的实际项目在选项卡中有ListView。但是当我尝试使用更简单的Ignite项目时，我在选项卡视图之外遇到了同样的问题，我在这里用于测试目的，我想这个问题是别的。

Answer 1

显然，除了一个细节，我的设置还不错。正如您在上面所看到的，我已将testContainer包含在listViewExample标记中。实际上，将它放在与listViewExample标签相同的级别上会产生我正在寻找的行为。所以： <Scene key='listviewExample' navigationBarStyle={Styles.navBar} component={ListviewExample} title='Listview Example' /> <Scene key='testContainer' component={TestContainer} title='testContainer' />

问题解决了。