如何从路由器中删除以前的路由？

Question

我正在使用t4t5/react-native-router而我在试图弄清楚如何删除最后一条路线以便用户无法返回(登录后)时遇到问题.

有没有办法重置堆栈,以便下一个路由是根？

注意,我也尝试过React NavigatorIOS,但它不会改变新路由上的标题(文本与初始路由相同).

Answer 1

使用时更改标题有一个问题resetTo:https://github.com/facebook/react-native/issues/476.

这是另一种可能的解决方案:使用Navigator(不是NavigatorIOS).基本上,index.ios.js我们应该做:

renderScene: function(route, nav) {
      switch (route.id) {
        case 'home':
          return <Home navigator={nav}/>;
        case 'login':
          return <Login navigator={nav}/>;
        case 'register':
          return <Register navigator={nav}/>
        default:
          return (
            <Login navigator={nav}/>
          );
      }

  },
  render: function() {
    return (
      <Navigator
      style={{backgroundColor: '#fff'}}
      initialRoute={{ id: "login" }}
      renderScene={this.renderScene}
      configureScene={(route) => {
          if (route.sceneConfig) {
              return route.sceneConfig;
          }
          return Navigator.SceneConfigs.FloatFromRight
        }
      }
    />
    )
  }

如果登录成功,请在登录中执行以下操作:

this.props.navigator.replace({ id: 'home' });

替换当前路由,以便用户不会返回登录.

这里可以找到一个例子.