美文网首页
React-native 打离线包(iOS)

React-native 打离线包(iOS)

作者: 饭后的甜点_ | 来源:发表于2017-08-22 10:58 被阅读438次

1.react native 在本机可以访问到的情况下是可以在真机运行, 但是不在WIFI情况下真机是运行不了,所以我们这个时候需要打离线包.

facebooK 为我们提供的命令:  


react-native bundle --entry-file index.ios.js --bundle-output ./ios/bundle/index.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false



2.将项目工程iOS目录下的assets 拖入xcode项目中 注意要用Create folder references去添加


asset 加入项目中

最后在APPDelegate.m中将代码修改

NSURL *jsCodeLocation;

// jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

jsCodeLocation = [NSURL URLWithString:[[NSBundle mainBundle] pathForResource:@"index.ios.jsbundle" ofType:nil]];

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation

moduleName:@"RNBundleDemo"  initialProperties:nil  launchOptions:launchOptions];

最后command +  R  就可以了

相关文章

  • RN打离线包

    RN打离线包 react-native bundle --entry-file ./index.ios.js --...

  • React Native打离线包

    记录下iOS打离线包遇到的问题。 新建React Native工程:react-native init TwoPr...

  • 打包

    调整oc代码,将调试模式注释,开启离线模式 react-native 打离线包 Options: node nod...

  • RN笔记-原生应用跳转JS页面之坑

    在react-native的道路上继续挖坑、填坑。 1、打离线包的终端命令行 2、工程中导入离线包 离线包打好之后...

  • React-native 打离线包(iOS)

    1.react native 在本机可以访问到的情况下是可以在真机运行, 但是不在WIFI情况下真机是运行不了,所...

  • React-Native 打离线包

    react-native bundle Options(可选参数说明): --entry-file :JS根目...

  • react-native 打离线包之iOS篇

    主要分为以下几步 cd 到你的工程目录下; 执行命令:react-native bundle --entry-fi...

  • RN精进笔记(六)RN打离线包篇

    React-Native打离线包 RN-App项目中js代码和native代码,其中js代码的打包是动态的,打成j...

  • ReactNative 打离线包-iOS

    ReactNative 是由 Facebook 基于 React.js 开发的一套跨平台开发框架。相信看到这篇文章...

  • ReactNative打离线包-ios篇

    离线包就是把RN和你写的js图片等资源都打包放入app,不需要走网络下载。 打包命令说明 ios打包步骤 1、在工...

网友评论

      本文标题:React-native 打离线包(iOS)

      本文链接:https://www.haomeiwen.com/subject/rowkdxtx.html