【问题标题】:cant access my asset file in asset sub folder in react native无法在 react native 中访问资产子文件夹中的资产文件
【发布时间】:2021-03-09 13:01:28
【问题描述】:

如果根文件夹项目中的文件夹,我可以访问我的图标

示例:

AwesomeProject v
  __test__ >
  android >
  icon >
  ios >

我想重组我的文件夹,所以我创建了名为 src 的新文件夹,然后我创建了名为 assets 的子文件夹,然后将我的 icon 放在那里

示例:

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')} />

错误信息: 这些文件都不存在

*注意:我已经仔细检查以确保我没有错字

【问题讨论】:

    标签: javascript android ios react-native


    【解决方案1】:

    您必须链接您的文件,以便将它们添加到相应的 ios / android 文件夹中

    结构:

    AwesomeProject v
      __test__ >
      android >
      icon >
      ios >
    
    

    Crete react-native.config.js 项目根目录中的文件

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

    现在您必须link 文件

    yarn react-native link
    

    npx react-native link
    

    现在您可以检查图标是否已添加到您的 ios / android 应用程序的文件夹中

    【讨论】:

    • 链接资产后,如何调用图标是这样的./src/assets/icon/home-active.png
    • 如果你在 android /android/app/src/main/assets/your_folder/home-active.png
    猜你喜欢
    • 1970-01-01
    • 2015-03-13
    • 1970-01-01
    • 2013-08-21
    • 1970-01-01
    • 2017-12-11
    • 1970-01-01
    • 2014-05-04
    • 2012-05-13
    相关资源
    最近更新 更多