javascript - react native 怎么修改入口文件?-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - react native 怎么修改入口文件?

ringa_lee 2017-04-11 12:20:25

[JavaScript讨论组]

797

如题,怎么让iOS和android共用一个js入口文件?

ringa_lee

全部回复(4)

天蓬老师2017-04-11 12:22:25 4楼

表示这个需求有点奇怪，为什么需要让 iOS 和 Android 公用同一个入口文件呢？即便重复的东西很多，也可以建一个公用的 js 然后在 index.ios.js 和 index.android.js 里都引入它。

如果非要更改这个入口文件的话，你可以在项目里全局的搜索一下 index.ios 和 index.android, 看看它们的加载流程，比如说 index.ios 就在 AppDelegate.m 里用到了：

jsCodeLocation = [NSURL URLWithString:[NSString stringWithFormat:@"http://%@:8081/index.ios.bundle?platform=ios&dev=true", ip]];

你可以尝试去改一改，让它从别的地方加载。但是总体上还是建议不要这样折腾，以后版本升级之类的时候，给自己填堵。

赞 +0

添加回复

大家讲道理2017-04-11 12:22:25 3楼

看图：

赞 +0

添加回复

PHP中文网2017-04-11 12:22:25 2楼

RN 本来就是一次开发两个平台，合并入口文件很正常。
以最新的0.31为例
直接上正确答案：

IOS

[[RCTBundleURLProvider sharedSettings] setDefaults];
  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"/rn/app" fallbackResource:nil];

  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"Demo"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];

其中@"/rn/app"就是相对 RN 根目录的入口文件，@"Demo"是你注册的应用名。

android:
复写getJSMainModuleName方法就行

private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    protected boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }
    @Override
    protected String getJSMainModuleName() {
      return "rn/app";
    }
};

_rnRoot_/rn/app.js 就是你的入口文件，如上例随便你改

赞 +0

添加回复