非同期ロードでは、ネイティブ

Question

に反応しますこの非同期読み込みを処理する簡単な方法があるので、ユーザーがクリックして移動するとページが準備できますか？

ページ1がスクロールビューで、ページ2が画像のリストであるとすると、タブにスクロールするとすぐに、view2の画像のリストの読み込みを開始するとします。このようにしてタブを選択すると、関連するビューの読み込みが開始されます。

実際の混乱は、バックグラウンドでページを読み込む方法です。

Answer 1

このコンポーネントのコンストラクタには、最初にPageOneとPageTwoの両方を作成してから、レンダリングに関連するものを渡します。以下のような

何か：そうあなただけのアプリを開いたとき、それは2つのページをロード

_initComponent() { //to call on constructor, or right after component mounted, or when props changed. make sure this does only run once in the component lifetime. 
    this.page1 = <PageOne navigator={navigator} 
         setIndex={this.setIndex} /> 
    this.page2 = <PageTwo navigator={navigator} 
         index={this.state.index} /> 
} 

_renderScene(route, navigator) { 
    if (route.id === 1) { 
     return this.page1 
    } else if (route.id === 2) { 
     return this.page2 
    } 
    }