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

Question

我刚刚创建了一个Ignite入门项目。 我对这个出色的样板代码中使用的技术有些熟悉，但是某些方面对我来说还是很新的。 在项目中是一个ListView，按下按钮即可导航到该列表。 一旦进入ListView，我希望能够单击一个项目并将其推送到我生成的容器。 我无法使它正常工作。

除此以外，我没有以任何其他方式更改v1.13.0 Ignite项目。 因此，导航由“反应本地路由器通量”提供。 具体来说，我有：

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

<Scene hideNavBar={false} key='listviewExample' component={ListviewExample} title='Listview Example'> <Scene key='testContainer' component={TestContainer} title='testContainer' /> </Scene>

• 从react-native-router-flux import { Actions } from 'react-native-router-flux' ： import { Actions } from 'react-native-router-flux'
• 将以下内容添加到ListviewExample中的Text项： onPress={() => Actions.testContainer()}

当我按ListView中的Text项时，什么也没发生。 例如，如果我看一下Spencer Carli 关于此的博客文章 ，我看不到与我所做的任何不同的事情。 也不在“ 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' />

问题解决了。