React Native 打包后图片资源不显示怎么办？

百里恒硕提问于 2026-02-27 12:00:21 阅读 36

移动

我在本地调试时图片都能正常加载，但用 ./gradlew assembleRelease 打包成 APK 安装到手机上后，所有本地 require 的图片都不显示了，只看到空白。是不是打包的时候没把资源打进去了？

我试过 clean 项目、重新 link assets，也检查了文件路径大小写，都没问题。下面是我的图片引用方式：

import React from 'react';
import { Image } from 'react-native';

const MyLogo = () => {
  return (
    <Image
      source={require('./assets/images/logo.png')}
      style={{ width: 100, height: 100 }}
    />
  );
};

export default MyLogo;

打包发布

我来解答赞 9 收藏

反馈

1 条解答

诸葛怡瑶 Lv1

我之前这样搞的：检查一下 android/app/src/main/assets 目录下有没有生成图片资源，没有的话执行 npx react-native asset，然后确认 android/app/build.gradle 里 react 配置块里有没有 assetsSrcFolders = ["../assets"] 这行，或者试试把 assetsSrcFolders = [project.file("../android/app/src/main/assets")] 加进去，再 clean 重新打包试试。

2026-02-27 12:04