有没有办法使用 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>
);
}
}
有默认的从左到右的动画,并且由于加载地图而变慢。动画完成后我需要渲染地图。