2016-06-22 12 views
-1

最近React Nativeを使い始めましたが、Androidエミュレータ(Pepperoni starter kit)のローカル画像と外部画像の表示に問題があります。React Native画像が表示されないAndroid

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

そして、何私が得た:例では、私はシンプルな構成要素を持っている

けれどもが、実際のデバイスでは、外部の画像がロードされましたが、地元でもロードされていませんでした。

iは、コンソールになった何

(ローカルの画像のためのオブジェクトです):私が使用している

{ 
"__packager_asset":true, 
"path":"D:\\Dev\\pepperoni-app-kit\\images\\[email protected]", 
"uri":"somepic", 
"width":15.333333333333334, 
"height":45.333333333333336, 
"deprecated":true 
} 

は、Windows 10、ReactNativeバージョン "0.28.0" にネイティブ反応します。 ./images/フォルダにあるローカルイメージ(いくつかのサイズが含まれています:somepic.png、[email protected][email protected]

答えて

1

イメージのインポートに使用する構文は古い構文です。新しい構文は

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

詳細については、Image guideを参照してください。

関連する問題