Android Bilder nicht gezeigt reagieren native

Question

Ich lege meine Bilder in drowable- * dpi Ordner, Der Bildname ohne Großbuchstaben und seinen rechtlichen Namen. Das Präfix wird .png In index.android.js Datei:

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

Wenn ich diesen Code ausführen -> nichts ... das Bild nicht auf meinem Android-Gerät angezeigt.

Was kann ich tun, um dieses Problem zu beheben?

Danke!

Answer 1

Es gibt keine Unterstützung für den Zugriff auf Bilder unter Mipmap-Verzeichnis in reaktiv-nativen ab sofort.

Erstellen Sie ein Verzeichnis namens drawable unter res Verzeichnis (übergeordnetes Verzeichnis von mipmap-*). Stellen Sie Ihre Bilder in dieses Verzeichnis. Dann wird dein Code funktionieren.

Später alle Ihre Bilder auf Dichte zu entsprechenden Verzeichnissen basierend bewegen sich wie drawable-hdpi, drawable-xhdpi, drawable-xxhdpi usw.