react-native - native react - 当 "resetTo"路线时，没有动画

Question

我正在使用导航器组件。
我有飞溅场景，1 秒后显示下一个场景。
我需要在启动结束后重置导航堆栈。
当我使用 resetTo 方法时，场景之间的过渡没有动画。
我该怎么做动画？

Answer 1

您可以通过使用 onDidFocus 属性并将对象传递给 navigator.push() 来使用 navigator.immediatelyResetRouteStack 处理一些代码来解决这个问题，像这样:

renderScene(route, navigator) {
    switch (route.name) {
      case 'Home':
        return (<Home navigator={navigator} {...route.props} />);
      case 'User':
        return (<User navigator={navigator} {...route.props} />);
    }
  }

  render() {
    return (
      <View style={styles.container}>
        <Navigator
          ref='navigator'
          initialRoute={{ name: 'Home' }}
          renderScene={this.renderScene}
          onDidFocus={(route) => {
            if (route.reset) {
              this.refs.navigator.immediatelyResetRouteStack([{ name: route.name }])
            }
          }}
          />
      </View>
    );
  }

要实现魔法，您可以像这样调用navigator.push:

navigator.push({ name: 'Home', reset: true })

它会动画到 Home 并为你重置堆栈 ;)