소품에서 이미지를로드 할 수 없습니다

어떻게 든 내 이미지의 위치를 찾을 수 없습니다 소품에서로드하십시오.소품에서 이미지를로드 할 수 없습니다

이

let overview_bg = require('../../images/locaties/placeholder.png'); 
<Image source={overview_bg} style={styles.overview_bg}>

작동하지만 소품에서 URL을 얻을 때 그렇지 않습니다 :

Requiring unknown module "../../images/locaties/placeholder.png". If you are sure the module is there, try restarting the packager or running "npm install"

let overview_bg = require(this.props.image); 
<Image source={overview_bg} style={styles.overview_bg}>

this.props.image 나에게 오류를 제공 동일한 URL이

URL을 여러 번 확인한 결과 정확히 동일합니다. 나는 또한 그것을 시험했다 console.log

소품은 상점에서 가져 오는 다른 용기에서 나온 것이다. React Native Image documentation에서

출처

2016-11-11 Sinan Samet

미안 또한 첫 번째 예 –

에 확장을 추가하는 것을 잊었다, 내가 가게에서 얻을 값이 저장됩니다 아약스 값 REDUX-유지됩니다. 나는 이것이 계속 유지되고 있기 때문에 이것과 관련이 있을지 모르겠습니다. 오류는 내가 필요한 정확한 URL이라는 것을 알게됩니다. –

David가 지적한대로 require()는 정적 리소스에서만 작동합니다. 아마도 require ('something.jpg')를 props.image로 전달한 다음 를 직접 설정해야합니다. –

가 :

Note that in order for this to work, the image name in require has to be known statically.

// GOOD 
<Image source={require('./my-icon.png')} /> 

// BAD 
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive'; 
<Image source={require('./' + icon + '.png')} /> 

// GOOD 
var icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png'); 
<Image source={icon} />

출처

2016-11-11 13:00:39 David

소품에서 이미지를로드 할 수 없습니다

답변

관련 문제