图片在装置不会使反应本土

的影像储存在文件夹中的我的根文件夹中：图片在装置不会使反应本土

-myProject 
    - images 
     - backgroundImage.png 
     - logo.png 
    - index.android.js 
    - MainView.js

当我运行我的设备的图像应用程序根本不会出现。但该应用程序按预期运行。

我指的是图像，像这样：

var ListBackground = require('./images/table_bg.png'); 
. 
. 
class List extends Component { 
. 
. 
<Image source={ListBackground} style={styles.listBackground}> 
. 
. 
}

任何想法，为什么出现这种情况？我看到了一些叫做webpack的东西（对不起，新来的JS），他们指的是像require('image!ListBackground');这样的图片，我不能在网上找到很多关于如何在react-native上使用它的图片。想法？

来源

2016-11-26 Ted

反应原生不使用webpack。看看这里有关'图像！...'符号https://stackoverflow.com/questions/40705936/react-native-what-does-imageimagename-mean/ 40716884＃40716884 – farwayer

用途：

source={require('./images/table_bg.png')}

来源

2016-11-26 22:36:23 mWhitley

这相当于问题中的代码，初始化一个变量为'require'的值比直接传递变量没有区别 – martinarroyo

有几件事情可以在这里发生的事情：第一，它可能是你的形象不被发现由于路径问题（尽管在运行时，你应该已经得到了一个错误代码如果是这种情况）。想到的另一个原因是，您还没有为图像定义宽度和高度（或基于flex的东西）。你可以发布你的风格声明吗？第三个原因是Android中的图像在尺寸标注方面（或者至少曾经被使用过）有点棘手（我记得例如必须通过道具而不是样式来设置图像的宽度和高度，使borderRadius工作。

来源

2016-11-26 22:58:24 martinarroyo

另外，你不需要担心webpack。你用来导入图像是好的。 – martinarroyo

图片在装置不会使反应本土

回答

相关问题