使用Android硬件导航时的导航问题返回按[react-native]

时间:2017-11-09 06:54:14

标签: javascript react-native

当我使用硬件后按导航到我的应用程序最终屏幕的第一个屏幕时 它最初导航到第一个屏幕并且还会反弹回最终屏幕

此外,我在第一个屏幕中给出的动画在导航时变为卡住和玩耍的体验,这种情况对于两种类型的导航都是相同的,即。,

- 使用应用程序中的后退按钮进行导航,同时使用硬件后按

这是我的最终屏幕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();
         }

1 个答案:

答案 0 :(得分:1)

In your final screen js file add this:

constructor(props) {
     super(props);
      this.handleBack = (() => {
        Actions.FirstScreen();
        return true;
       });
      }