React Navigation了解导航器嵌套

时间:2018-02-20 15:24:33

标签: javascript react-native redux navigation react-navigation

我已经使用反应导航了将近半年,但我仍然不了解它的嵌套部分。如何继承导航道具,如何沟通等。

我在redux示例应用程序中创建了一个关于零食的演示。

Demo

我想了解这些:

  1. 如果我导航到子导航器,导航道具会发生什么?

  2. 如何从子导航器屏幕导航到父母屏幕或父母其他孩子的屏幕

  3. 如何从州中删除子导航器?

  4. 最简单的例子: 在登录事件中,我使用Main StackNavigator重置导航器。 这个问题是,我必须手动重建整个Main状态。 如果我能以某种方式删除Auth StackNavigator并保留主堆栈,那将会容易得多。

    1. 是否可以通过子导航器导航操作来触发redux事件?
    2. 我将主导航(StackNavigator)组件与redux组件包装在一起,正如doc所说。它工作正常,直到我导航到子组件。导航道具niavigate方法停止调度redux操作。

      1. 这个,我无法在演示中重新创建
      2. 我在StackNavigator中有一个Component和一个DrawerNavigator。 如果我从Component导航到DrawerNavigator(那里只有一个屏幕),我不能用这个回到那个组件:

        this.props.navigation.goBack()
        

        奇怪的是,它在屏幕组件中是唯一不可能的。从屏幕的标题组件开始工作。

1 个答案:

答案 0 :(得分:1)

  1. 始终可以在<?php if(isset($_REQUEST["dir_path"])) { $dir=$_REQUEST["dir_path"];//path specified in the html form $files1 = scandir($dir, 1); print_r($files1); } ?>

  2. 中访问 需要
  3. props.navigation操作才能导航到父/子导航器 此外,由于#1127 reset是必需的

  4. key: null是登录导航到主屏幕的另一个选项,如果屏幕在同一个导航器中,如果需要动画转换,请使用navigation.replace。或者查看#295

  5. 中的其他方法
  6. reset只能导航到同一导航器中的屏幕,有关其他方法,请参阅答案3.

  7. 可能组件缺少navigate道具

  8. Working Demo