我正在使用导航器组件。
我有启动场景,1 秒后将显示下一个场景。
我需要在启动结束后重置导航堆栈。
当我使用resetTo方法时,场景之间的过渡一致而没有动画。
我怎样才能制作动画?
您可以使用一些代码来解决方法onDidFocus
prop 并将对象传递给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>
);
}
并要做到magic你打电话给navigator.push
像这样:
navigator.push({ name: 'Home', reset: true })
它将动画至主页并为您重置堆栈;)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)