無法在 react native 中訪問資產子文件夾中的資產文件

Question

如果根文件夾項目中的文件夾，我可以訪問我的圖標，

例子：

AwesomeProject v
  __test__ >
  android >
  icon >
  ios >

我想重組我的文件夾，所以我創建了一個名為src的新文件夾，然后我創建了一個名為assets的子文件夾，然后把我的圖標放在那里

例子：

AwesomeProject v
  __test__ >
  android >
  ios >
  src v
    assets v
      icon >

這是我在 App.js 文件中的代碼

<Image style={{ width: 26, height: 26 }} source={require('./src/assets/icon/home-active.png')} />

錯誤信息：這些文件都不存在

*注意：我已經仔細檢查以確保我沒有錯字

Answer 1

您必須鏈接您的文件，以便將它們添加到相應的 ios / android 文件夾中

結構體：

AwesomeProject v
  __test__ >
  android >
  icon >
  ios >

項目根目錄上的克里特react-native.config.js文件

  module.exports = {
    project: {
      ios: {},
      android: {},
    },
    assets: [
      './assets/icons/'
    ]
  }

現在您必須鏈接文件

yarn react-native link

或者

npx react-native link

現在您可以檢查圖標是否已添加到您的 ios / android 應用程序的文件夾中