React native 路线更改的轨迹结束动画

React native 路线更改的轨迹结束动画,react-native,react-native-router-flux,React Native,React Native Router Flux,是否有任何方法可以使用react native router flux跟踪路由更改的结束动画?我希望在动画期间渲染加载图像,并在动画完成时渲染我的组件 路由器: <Router> <Scene key="root"> <Scene key="login" component={Login} hideNavBar/> <Scene key="drawer" component={Drawer} open=

是否有任何方法可以使用react native router flux跟踪路由更改的结束动画?我希望在动画期间渲染加载图像,并在动画完成时渲染我的组件

路由器:

    <Router>
      <Scene key="root">
        <Scene key="login" component={Login} hideNavBar/>
        <Scene key="drawer" component={Drawer} open={false} type="replace" initial>
          <Scene key="main" initial navBar={Header}>
            <Scene key="search" component={Search} type="replace" initial />
            <Scene key="map" component={Map} />
          </Scene>
        </Scene>
      </Scene>
    </Router>

搜索场景中的按钮:

<Button buttonStyle={styles.button} title="map" onPress={Actions.map} />

地图组件:

import MapView from 'react-native-maps';

export default class extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <View style={styles.container}>
        <MapView
          style={styles.map}
          initialRegion={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
          }}
        />
      </View>
    );
  }
}
从“react native maps”导入MapView;
导出默认类扩展组件{
建造师(道具){
超级(道具);
this.state={};
}
render(){
返回(
);
}
}

存在默认的从左到右的动画,并且由于加载贴图,动画速度会减慢。动画完成后,我需要渲染贴图。

您能告诉我们您迄今为止尝试了什么吗?@EGOrecords我已经添加了代码和有关问题的更多信息。您能告诉我们您迄今为止尝试了什么吗?@EGOrecords我已经添加了代码和有关问题的更多信息