Android圖像未顯示反應原生

我把我的圖像放在drowable- * dpi文件夾中，圖像名稱沒有大寫字母及其合法名稱。前綴png格式在index.android.js文件：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設備上顯示。

我能做些什麼來解決這個問題？

謝謝！

來源

2016-11-16 foo

相同的代碼在我的系統工作正常。你可以用'background_home'添加可繪製目錄的屏幕截圖嗎 – Jickson

你能看到圖片嗎？我添加了它... – foo

圖片位於mipmap *目錄中。將其複製到可繪製目錄 – Jickson

截至目前，尚不支持在mipmap目錄下以react-native訪問圖像。

在res目錄（mipmap-*的父目錄）下創建一個名爲drawable的目錄。把你的圖片放在那個目錄中。那麼你的代碼將工作。

後來基於密度的所有圖像移動到相應的目錄，如drawable-hdpi，drawable-xhdpi，drawable-xxhdpi等

來源

2016-11-16 08:27:32 Jickson

如果你遵循上面的代碼，那麼它應該工作。嘗試運行'react-native run-android'。應用程序重新加載將不起作用，因爲您已對本機代碼進行了更改（例如添加可繪製圖像）。所以你需要重建項目 – Jickson

試圖做到這一點，但沒有什麼... – foo

是的，我做到了...我將我的完整代碼添加到問題... – foo

Android圖像未顯示反應原生

回答

相關問題