ここでは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つの間で明確かつ迅速な切り替えを行う方法はありますか?
UWPでは、page2へのナビゲーションに 'WinJS.Navigation'を実行してから、[' WinJS.Navigation.back'](https://msdn.microsoft.com/en-us/library/windows/)にすることができます。 apps/br229802.aspx)をクリックしてpage1に戻ります。 –
反応原産のものですか? – spspli