在 React Native(和 Ignite)中,如何创建一个 ListView(在选项卡内)在单击列表项时导航到另一个容器?
In React Native (and Ignite), how do I create a ListView (inside a tab) that navigates to another container when a list item is clicked?
我刚刚创建了一个 Ignite 入门项目。我部分熟悉这个伟大的样板代码中使用的技术,但有些方面对我来说还很陌生。项目中有一个 ListView,按下按钮即可导航到该列表视图。一旦进入 ListView,我希望能够单击一个项目并推送到我生成的容器。我无法让它工作。
除此之外,我没有以任何其他方式更改 v1.13.0 Ignite 项目。因此,导航由 'react-native-router-flux' 提供。具体来说,我有:
- 取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'
- 在 ListviewExample 中的文本项中添加了以下内容:
onPress={() => Actions.testContainer()}
当我按下 ListView 中的文本项时,完全没有任何反应。例如,如果我看一下 Spencer Carli 的 blog post about this,我看不出与我正在做的有什么不同。也不在 'react-native-router-flux' 演示中。
我在这里错过了什么?
请注意,顺便说一句,我在标题中写了(在选项卡内),因为我正在处理的实际 Ignite-based 项目在选项卡内有 ListView。但是当我尝试在此处用于测试目的的更简单的 Ignite 项目时,我在选项卡视图之外遇到了同样的问题,我想问题出在其他地方。
显然我的设置除了一个细节外还不错。正如您在上面看到的,我已将我的 testContainer 包含在 listViewExample 标记中。事实上,将它放在与 listViewExample 标记相同的级别会导致我正在寻找的行为。所以:
<Scene key='listviewExample' navigationBarStyle={Styles.navBar} component={ListviewExample} title='Listview Example' />
<Scene key='testContainer' component={TestContainer} title='testContainer' />
问题已解决。
我刚刚创建了一个 Ignite 入门项目。我部分熟悉这个伟大的样板代码中使用的技术,但有些方面对我来说还很陌生。项目中有一个 ListView,按下按钮即可导航到该列表视图。一旦进入 ListView,我希望能够单击一个项目并推送到我生成的容器。我无法让它工作。
除此之外,我没有以任何其他方式更改 v1.13.0 Ignite 项目。因此,导航由 'react-native-router-flux' 提供。具体来说,我有:
- 取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'
- 在 ListviewExample 中的文本项中添加了以下内容:
onPress={() => Actions.testContainer()}
当我按下 ListView 中的文本项时,完全没有任何反应。例如,如果我看一下 Spencer Carli 的 blog post about this,我看不出与我正在做的有什么不同。也不在 'react-native-router-flux' 演示中。
我在这里错过了什么?
请注意,顺便说一句,我在标题中写了(在选项卡内),因为我正在处理的实际 Ignite-based 项目在选项卡内有 ListView。但是当我尝试在此处用于测试目的的更简单的 Ignite 项目时,我在选项卡视图之外遇到了同样的问题,我想问题出在其他地方。
显然我的设置除了一个细节外还不错。正如您在上面看到的,我已将我的 testContainer 包含在 listViewExample 标记中。事实上,将它放在与 listViewExample 标记相同的级别会导致我正在寻找的行为。所以:
<Scene key='listviewExample' navigationBarStyle={Styles.navBar} component={ListviewExample} title='Listview Example' />
<Scene key='testContainer' component={TestContainer} title='testContainer' />
问题已解决。