React Native扩展react-native-installed-packages调用自定义方法报函数未定义错误

这种报错通常是因为你新增的原生方法没有正确暴露给JavaScript层，或者修改后没有重新编译原生项目导致的。我帮你梳理一下排查和修复的步骤：

一、检查原生端方法暴露是否正确 #

Android端（Java/Kotlin） #

如果你是在Android模块里加方法，必须给新增的方法加上@ReactMethod注解，RN的桥接层只会识别带这个注解的方法。举个例子：

// 假设你的模块类是InstalledPackagesModule.java
import com.facebook.react.bridge.Promise;
import com.facebook.react.bridge.ReactMethod;
import android.content.Intent;
import android.net.Uri;

public class InstalledPackagesModule extends ReactContextBaseJavaModule {
    // 原有方法...

    // 新增的卸载方法，必须加@ReactMethod
    @ReactMethod
    public void removeApp(String packageID, Promise promise) {
        try {
            // 这里写你的卸载逻辑，比如调用系统卸载Intent
            Intent uninstallIntent = new Intent(Intent.ACTION_DELETE);
            uninstallIntent.setData(Uri.parse("package:" + packageID));
            uninstallIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
            getReactApplicationContext().startActivity(uninstallIntent);
            promise.resolve(true);
        } catch (Exception e) {
            promise.reject("UNINSTALL_FAILED", "无法卸载应用: " + e.getMessage(), e);
        }
    }
}

注意：如果方法涉及异步操作（比如调用系统API），一定要用Promise来处理回调，不然JS端无法获取执行结果。

iOS端（Objective-C/Swift） #

iOS端需要用RCT_EXPORT_METHOD宏来暴露方法给JS层，示例如下：

// 假设你的模块文件是InstalledPackages.m
#import <React/RCTBridgeModule.h>

@implementation InstalledPackagesModule
RCT_EXPORT_MODULE();

// 原有方法...

// 新增的卸载方法
RCT_EXPORT_METHOD(removeApp:(NSString *)packageID resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject) {
    // 注意：iOS出于沙盒安全限制，第三方APP无法直接卸载其他应用，这里只是示例方法暴露逻辑
    if (packageID.length == 0) {
        reject("INVALID_PACKAGE_ID", "包ID不能为空", nil);
        return;
    }
    resolve("卸载请求已触发（iOS需系统权限支持）");
}
@end

如果用Swift开发，需要在桥接文件里声明方法，或者用@objc配合对应的宏来暴露。

二、修改后必须重新编译原生项目 #

原生代码修改后，Metro不会自动同步新的方法，必须做以下操作：

1. 先停止当前的Metro服务（按Ctrl+C）
2. 重新构建原生项目：
   • Android：在项目根目录执行 react-native run-android
   • iOS：先进入ios目录执行 pod install，再回到根目录执行 react-native run-ios
3. 重启Metro服务，建议加上清除缓存：react-native start --reset-cache

三、JS端调用注意事项 #

因为原生方法用了Promise，JS端要异步调用，比如用async/await：

import InstalledApps from 'react-native-installed-packages';

const handleUninstall = async (packageID) => {
    try {
        await InstalledApps.removeApp(packageID);
        alert('卸载请求已发送');
    } catch (error) {
        console.error('卸载失败:', error);
        alert('卸载出错：' + error.message);
    }
};

// 调用示例
handleUninstall("com.your.app.id");

额外排查点 #

• 确认方法名大小写完全一致：原生端的方法名（比如removeApp）和JS调用的InstalledApps.removeApp必须完全匹配，RN桥接是区分大小写的。
• 如果你是fork了原模块进行修改，确保项目依赖的是你修改后的版本，而不是npm上的原模块（可以用本地路径依赖，比如在package.json里写"react-native-installed-packages": "../your-forked-module"）。

内容的提问来源于stack exchange，提问作者Gagan