>当我使用硬件后按
从应用程序的最后一个屏幕导航到第一个屏幕时它最初导航到第一个屏幕,然后反弹回最终屏幕
此外,我在第一个屏幕中给出的动画在导航时变得卡住并像播放一样的体验,这种情况对于两种类型的导航都是相同的,即,
- 使用应用程序中的后退按钮导航,也可以在使用硬件后按时导航
这是我处理硬件背压的最后一个屏幕js文件:
constructor(props) {
super(props);
this.handleBack = (() => {
Actions.FirstScreen();
});
}
componentDidMount() {
BackHandler.addEventListener('hardwareBackPress', this.handleBack);
}
componentWillUnmount() {
BackHandler.removeEventListener('hardwareBackPress', this.handleBack);
}
这是我有动画的第一个屏幕的 js 文件:
componentWillMount() {
this.slide1 = new Animated.Value(0);
this.slide2 = new Animated.Value(0);
this.bnt1();
this.bnt2();
}
bnt1() {
Animated.timing(
this.slide1, {
delay: 100,
toValue: w / 1.33,
duration: 700,
}
).start();
}
bnt2() {
Animated.timing(
this.slide2, {
delay: 700,
toValue: -(w / 1.33),
duration: 500,
}
).start();
}
在你的final screen js file
中添加这个:
constructor(props) {
super(props);
this.handleBack = (() => {
Actions.FirstScreen();
return true;
});
}