在React Native(和Ignite)中,如何创建一个ListView(在选项卡内),当单击列表项时导航到另一个容



我刚刚创建了一个Ignite启动程序项目。我对这个伟大的样板代码中使用的技术有一部分熟悉,但有些方面对我来说是全新的。项目中有一个ListView,只需按下按钮即可导航到它。进入ListView后,我希望能够点击一个项目并推送到我生成的容器中。我无法让它发挥作用。

除此之外,我没有以任何其他方式更改v1.13.0 Ignite项目。因此,导航由"react native router flux"提供。具体来说,我有:

  • 在NavigationRouter.js和将我生成的容器封装在其中,如下所示:

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

  • 从react原生路由器流量导入的操作:import { Actions } from 'react-native-router-flux'
  • 将以下内容添加到Listview中的Text项示例:onPress={() => Actions.testContainer()}

当我按下ListView中的Text项目时,完全没有发生任何事情。例如,如果我看看Spencer Carli关于这件事的博客文章,我看不出我正在做的有什么不同。也没有出现在"react native router flux"演示中。

我在这里错过了什么?

顺便说一句,请注意,我在标题中写(在选项卡内)是因为我正在处理的实际基于Ignite的项目在选项卡内有ListView。但是,当我尝试在此处用于测试的更简单的Ignite项目时,在选项卡视图外也遇到了同样的问题,我想问题出在其他方面。

显然,除了一个细节之外,我的设置很好。正如您在上面看到的,我已经将testContainer包含在listViewExample标记中。事实上,将它与listViewExample标记放在同一级别上会产生我想要的行为。因此:<Scene key='listviewExample' navigationBarStyle={Styles.navBar} component={ListviewExample} title='Listview Example' /> <Scene key='testContainer' component={TestContainer} title='testContainer' />

问题解决了。

相关内容

  • 没有找到相关文章

最新更新