圖像必須與組件放在同一個文件夾中？

Question

我有我的

/app/assets/images/logo/logo.png 

下圖像如果我有/app/components/headerbar/headerbar.js下一個組件時，不能使用<Image source={require('./app/assets/images/logo/logo.png')} style={styles.logo} /> 因爲它說「找不到模塊[..]」

但是，如果我把我的形象在與headerbar.js文件相同的文件夾下，並將路徑更改爲./logo.png，然後工作正常。將路徑設置爲../app/assets/images/logo/logo.png也不起作用。

我是否必須將靜態圖像放在與組件相同的文件夾下才能在RN中工作？

Answer 1

您必須引用這樣的文件：需要（「../../資產/圖像/標誌/ logo.png」）

或者把一個js文件在你的應用程序的根，並引用您的資產在那裏，它們導出爲consts：

export const LOGO = require('./assets/images/logo/logo.png'); 

然後你就可以簡單地導入常量和寫

<Image source={LOGO} style={styles.logo} />