2016-11-16 8 views
0

私は自分の画像をdrowable- * dpiのフォルダに入れます。 大文字とその正当な名前のない画像名です。 接頭辞はindex.android.jsファイルで を.pngをされていますAndroidの画像は表示されていませんネイティブに反応します

import React, { Component } from 'react'; 
    import { 
     AppRegistry, 
     StyleSheet, 
     Text, 
     View, 
     Image 
    } from 'react-native'; 

    export default class proj extends Component { 
     render() { 
     return (
      <View style={styles.container}> 

      <Image source={{uri: 'background_home'}} style={{width: 40, height: 40}} /> 
      </View> 
     ); 
     } 
    } 

    const styles = StyleSheet.create({ 
     container: { 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'center', 
     backgroundColor: '#F5FCFF', 
     }, 

    }); 

AppRegistry.registerComponent('proj',() => proj); 

私はこのコードを実行すると - >何も...画像は私のAndroidデバイス上に示されません。

この問題を解決するにはどうすればよいですか?

ありがとうございます! my folders and image.png picture

+0

同じコードのようにそれぞれのディレクトリに密度に基づいて、すべての画像を移動します。描画可能なディレクトリのスクリーンショットを 'background_home'アイコンで追加できますか? – Jickson

+0

画像が見えますか?私はそれを追加しました... – foo

+0

画像はmipmap *ディレクトリにあります。 Drawableディレクトリにコピー – Jickson

答えて

2

現在、react-nativeのmipmapディレクトリにある画像にアクセスするサポートはありません。

ディレクトリdrawableresディレクトリ(親ディレクトリmipmap-*)に作成します。そのディレクトリにあなたの画像を入れてください。その後、あなたのコードが動作します。

その後、私のシステムで正常に動作しているdrawable-hdpidrawable-xhdpidrawable-xxhdpiなど

+1

上記のコードに従っているなら、それはうまくいくはずです。 'react-native run-android'を実行してみてください。ネイティブコードを変更した(描画可能なイメージを追加するなど)ので、アプリケーションのリロードは機能しません。だから、プロジェクトを再構築する必要があります – Jickson

+0

それをやろうとしましたが、何もしませんでした... – foo

+0

はい私はそれを行いました...質問に私の完全なコードを追加します... – foo

関連する問題