2017-01-18 3 views
1

배경 이미지로 사용중인 로컬 이미지가 있습니다. 콘텐츠의 나머지 부분을 잠시 후에로드합니다.React 네이티브 로컬 이미지가 내용 다음에 초를로드합니다.

<Image source={require('./assets/climbing_mountain.jpeg')} style={styles.imageContainer}> 

imageContainer: { 
    flex: 1, 
    width: null, 
    height: null, 
} 

이미지를로드 한 후 콘텐츠를로드 할 수있는 방법이 있습니까? onLoadonLoadEnd 소품을 사용해 보았지만 이미지로드 전에 해고되었습니다. React Image prefetch

또는 실제로 당신이 시도 할 수 있습니다 :

<Image 
    onLoadEnd={()=>this.setState({loadEnd:true})} 
    source={require('./assets/climbing_mountain.jpeg')} 
    style={styles.imageContainer}> 

과에서를

답변

1

예는이 링크를 확인 .. 이미지 프리 페치를 사용해야합니다, 그것은 실제로 간단하지 ..이 render 메서드를 사용하면 실제로 권장하지 않는 것과 같은 작업을 수행 할 수 있습니다.

+0

@challenger! 두 번째 방법을 구현했지만 이상적이지 않다고 말했기 때문에 다른 방법을 시도해 보겠습니다. –