React Native 이미지가 표시되지 않습니다. Android

Question

최근에 React Native를 사용하기 시작했으며 Android 에뮬레이터에서 로컬 및 외부 이미지를 표시하는 데 문제가 있습니다 (Pepperoni starter kit).

class SomeView extends React.Component { 
    render() { 
     const a = require("image!somepic") 
     console.log(a) 
     return (
      <View > 
      <Image source={require("image!somepic")} style={styles.img}> 
       <Text>?</Text> 
      </Image> 

      <Image source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}} style={[styles.img, { width: 50, height: 50 }]}> 
       <Text>?</Text> 
      </Image> 
      </View> 
     ) 
    } 
} 

그리고 내가 가지고 : 예에서 나는 간단한 구성 요소가

비록, 실제 장치에서, 외부 이미지가로드했지만 지역도로드되지 않았습니다; 나는 윈도우 10, ReactNative 버전 "0.28.0"에 대한 기본 반작용 사용하고

{ 
"__packager_asset":true, 
"path":"D:\\Dev\\pepperoni-app-kit\\images\\somepic@3x.png", 
"uri":"somepic", 
"width":15.333333333333334, 
"height":45.333333333333336, 
"deprecated":true 
} 

: 내가 콘솔했습니다 무엇

는 (로컬 이미지 객체이다). ./images/ 폴더에있는 로컬 이미지 (somepic.png, somepic@2x.png, somepic@3.png)

Answer 1

이미지를 가져 오는 데 사용하는 구문은 이전 구문입니다. 새로운 구문은

<Image source={require("./images/somepic.png")}/> 

은 자세한 내용은 Image guide를 참조한다.