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