2017-05-01 23 views
0

ここではindex.jsのコードです:AndroidとWindowsデバイスの反応ネイティブでより早くナビゲートするにはどうすればよいですか?

render() { 
    return (
     <Navigator initialRoute = {{ 
      id: 'firstPage' 
      }} 
      renderScene={ 
       this.navigatorRenderScene 
      } /> 

    ); 
    } 

    navigatorRenderScene(route, navigator) { 

     switch (route.id) { 
      case 'firstPage': 
      return(<FirstPage navigator={navigator} title="First Page"/>); 
      case 'secondPage': 
      return(<SecondPage navigator={navigator} title="Second Page"/>); 
     } 
    } 

インサイドfirstPage.js

class FirstPage extends Component { 
... 
<TouchableHighlight onPress={() => this.onFirstButtonPress()}> 
</TouchableHighlight> 


    onFirstButtonPress() { 
    this.props.navigator.push({ 
     id:'secondPage' 
    }) 
    } 
... 
} 

インサイドsecondPage.js:

<TouchableHighlight onPress={() => this.onSecondButtonPress() } > </TouchableHighlight> 

    onSecondButtonPress() { 
    this.props.navigator.pop(); 
    } 

後FIRSTPAGEにFirstButtonをクリックされ、ここつもりマイSecondPageに移動します。 SecondButtonをクリックすると、私はFirstPageに戻ります。

私のコードは機能しますが、FirstButtonをクリックすると、最初のページがゆっくりと消え、2ページ目がゆっくりと表示され、1,2秒間あります。私は2つの間で明確かつ迅速な切り替えを行う方法はありますか?

+0

UWPでは、page2へのナビゲーションに 'WinJS.Navigation'を実行してから、[' WinJS.Navigation.back'](https://msdn.microsoft.com/en-us/library/windows/)にすることができます。 apps/br229802.aspx)をクリックしてpage1に戻ります。 –

+0

反応原産のものですか? – spspli

答えて

0

コードはわかりやすく表示されます。デバッグモードで実行されている

1)(これは、パフォーマンスを向上させ)

2)あなたは、あなたのシミュレータでスローアニメーションをトリガーしていないかどうかを確認してください:あなたは、してくださいここでは物事のカップルを確認することができます。デバッグ - >スローアニメーションからスローアニメーションをクリックしてみてください。

+0

ありがとう、アニメーションのボタンが遅いかどうか、AndroidとWindowsエミュレータで知っていますか?私はオンラインで検索し、見つからなかった。申し訳ありませんが、最初はプラットフォームを言っていませんでした。同じようにありがとう! – spspli

関連する問題