비동기 부하

Question

기본 반작용 :

_renderScene(route, navigator) { 
    if (route.id === 1) { 
     return <PageOne navigator={navigator} 
         setIndex={this.setIndex} /> 
    } else if (route.id === 2) { 
     return <PageTwo navigator={navigator} 
         index={this.state.index} /> 
    } 
    } 

을 내가 PageOne에있을 때, 나는 PageTwo를 미리로드하기 시작합니다. 이 비동기 로딩을 처리 할 수있는 쉬운 방법이있어서 사용자가 클릭하여 이동할 때 페이지가 준비되어 있습니까?

페이지 1이 스크롤보기이고 페이지 2가 이미지 목록이므로 페이지로 스크롤하자마자 view2에 대한 이미지 목록로드를 시작하려고한다고 가정 해보십시오. 탭을 선택하면 연결된 뷰로드가 시작됩니다.

나를 위해 진정한 혼란은 백그라운드에서 페이지를로드하는 방법입니다.

Answer 1

이 구성 요소의 생성자에 처음에 PageOne 및 PageTwo을 생성 한 다음 관련 렌더링을 렌더링에 전달합니다. 같은

뭔가 : 응용 프로그램을 열 때

_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 
    } 
    }