1

有没有办法使用 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>
    );
  }
}

有默认的从左到右的动画,并且由于加载地图而变慢。动画完成后我需要渲染地图。

4

0 回答 0