• 今天尝试打包及在真机上离线运行,还是出现『RCTRootView.h file not found』的问题,后来发现需要把 Building Setting 里的Header Search Paths属性的值 "${PODS_ROOT}/Headers/Public/React" - not-recursive 改为...
    今天尝试打包及在真机上离线运行,还是出现『RCTRootView.h file not found』的问题,后来发现需要把 Building Setting 里的Header Search Paths属性的值 "${PODS_ROOT}/Headers/Public/React"  - not-recursive 改为 recursive 就可以了,由于Pods里的React结构改变了,但配置没有改过来,所以出现找不到文件的问题。


    在Seach Paths 中Header Search Paths配置
    $(inherited) /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include $(SRCROOT)/../node_modules/react-native/React/**



    官方文档更新不及时的坑啊!!!


    另一个问题就是需要把js资源打包成离线的bundle。


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



    生成即可。

    展开全文
  • React-native 作为facebook开源项目,最近是火爆的一塌糊涂,它采用node.js能够写ios和android的native界面代码,简直是太酷了。支持动态更新,而且appstore 提交不会拒绝。 一般学习新的技术都是从HelloWorld开始的...
     React-native 作为facebook开源项目,最近是火爆的一塌糊涂,它采用node.js能够写ios和android的native界面代码,简直是太酷了。支持动态更新,而且appstore 提交不会拒绝。
    
     一般学习新的技术都是从HelloWorld开始的,我们先搞个HelloWorld看看React-native。
    

    注意:不管安装什么都不要随意动键盘,比如在安装这些软件的时候点击一次return即可,其他的时间都在等,除非提示你按下return键,或输入密码,安装的时候注意观察

    一,环境配置


    1)、Homebrew,Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。

     /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    

    2)、Homebrew默认安装的NodeJS是最新版本,一般都满足要求。

     brew install node
    

    安装完节点后建议设置NPM镜像以加速后面的过程(或使用科学上网工具)注意:不要使用CNPM CNPM安装的模块路径比较奇怪,打包不能正常识别!

    npm config set registry https://registry.npm.taobao.org --global
    
    npm config set disturl https://npm.taobao.org/dist --global
    

    3)、Yarn,React Native的命令行工具(react-native-cli)
    Yarn是Facebook提供的替代npm的工具,可以加速节点模块的下载.React Native的命令行工具用于执行创建,初始化,更新项目,运行打包服务(packager)等任务。

    npm install -g yarn react-native-cli
    

    安装完线后同理也要设置镜像源:

    yarn config set registry https://registry.npm.taobao.org --global
    
    yarn config set disturl https://npm.taobao.org/dist --global
    

    安装完纱之后就可以用纱线代替NPM了,用例如yarn代替npm install命令,用yarn add 某第三方库名代替npm install –save 某第三方库名。

    4)、配置Xcode
    虽然一般来说命令行工具都是默认安装了,但你最好还是启动Xcode中,并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools.Xcode的命令行工具中也包含一些必须的工具,比如git等。

    5)、推荐安装的工具
    守望者
    守望是由Facebook的提供的监视文件系统变更的工具安装此工具可以提高开发时的性能(打包可以快速捕捉文件的变化从而实现实时刷新)此工具官方虽然的英文推荐安装,但在实践中,认为我们工具此的英文必须安装,否则可能无法正常开发。

    brew install watchman
    

    流程
    流程是一个静态的JS类型检查工具译注。你在很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个流工具的语法这一语法并不属于ES标准,只是实自家的代码规范。所以新手可以直接跳过(即不需要安装这一工具,也不建议去费力学习流相关语法)。

    brew install flow
    

    二、Xcode运行一个项目

     react-native init MyApp
     cd MyApp
     react-native run-ios //启动项目
    

    你也可以在MyApp中打开MyApp.xcodeproj然后运行 在MyApp->ios->MyApp.xcodeproj 打开像平时运行iOS一样运行项目

    三、Hello Word

    终端

    这里写图片描述

    这是配置成功之后运行的效果。。。

    展开全文
  • Xcode7写的所有React Native项目,在升级到Xcode8都会报错,需要做以下修改。一、RCTSRWebSocket.m 报错1.解决方法一:加入assert int result = SecRandomCopyBytes(kSecRandomDefault, keyBytes.length, keyBytes....

    Xcode7写的所有React Native项目,在升级到Xcode8都会报错,需要做以下修改。

    一、RCTSRWebSocket.m 报错

    1.解决方法:

    加入(void)

    (void)SecRandomCopyBytes(kSecRandomDefault, keyBytes.length, keyBytes.mutableBytes);

    二、RCTScrollView.m 报错

    1.解决方法:

    打开RCTSCrollView.m Command+F 搜索:

    @implementation RCTCustomScrollView

    会搜索到一个结果,然后增加一行代码:

    @implementation RCTCustomScrollView
    {
      __weak UIView *_dockedHeaderView;
      RCTRefreshControl *_refreshControl;  // 加入此行
    }
    展开全文
  • 1.模拟器的大小调整 command + 1,2,3,4,5调大小

    1.模拟器的大小调整

    command + 1,2,3,4,5调大小 

    2.重新加载js 刷新iso模拟器

    Command⌘ + R 

    展开全文
  • ReactNative 0.32版本在Xcode8.0下运行报错 如图: 需要在前面加上(void) 即可解决function的返回值问题。 RCTCustomScrollView.m报错 在RCTCustomScrollView.m添加属性 RCTRefreshControl * ...

    ReactNative 0.32版本在Xcode8.0下运行报错

    如图:


    需要在前面加上(void) 即可解决function的返回值问题。


    RCTCustomScrollView.m报错

    在RCTCustomScrollView.m添加属性  RCTRefreshControl * refreshControl




    展开全文
  • 1、找到react native 项目,用Xcode打开项目,如下图 2、确保运行的选项如下图这个: 3、确保苹果开发者的证书,有则可以直接打包,没有的话需要到苹果开发者官网添加证书并且下载放入本地,具体可看下一篇...
  • 在升级Xcode11之后,使用低于0.59.9版本的React Native,启动时必将出现问题: 模拟器运行报红如下: Xcode运行错误如下: 2019-09-25 15:16:47.784 [error][tid:main][RCTModuleMethod.mm:376] Unknown ...
  • 1, 使用xcode10打开 生成的ios项目代码 2,为xcode配置Apple ID(可以使用普通的apple账户) 点击“管理证书”,生成 ios development 证书 3,项目参数配置 4. 选择“真机device” 运行 注:...
  • 更新xcode到11版本之后,跑之前xcode10版本的项目,提示 报错为: Unknown argument type ‘attribute’ in method -[RCTAppState getCurrentAppState:error:]. Extend RCTConvert to support this type 这是因为...
  • React-native 项目升级Xcode 11全记录 react-native 版本 $ react-native --version react-native-cli: 2.0.1 react-native: 0.57.7 版本比较早的项目,最近提交App store 出现warning 1.升级ios sdk 到13 2.包含...
  • 2、xcode下载官网:xcode 二、创建一个react-native项目 打开terminal输入:cd 安装路径(直接将文件夹拖进来)回车后就进入了待安装的目录文件,输入:react-native init 新项目文件夹名称,回车后就开始创建新项目...
  • Xcode 10 ReactNative链接原生库报错 最近公司由于iOS程序需要上架,万般无奈下,升级了macOS Mojave,xcode更新到了最新的版本。本来已经做好了项目奔溃的心理准备,但是~~万万没想到,ReactNative崩到我心态爆炸,...
  • 参考链接: 1.https://github.com/facebook/react-native/pull/25146/files#diff-263fc157dfce55895cdc16495b55d190
  • 异常 异常.png 问题 Xcode11 中的bug, 提交记录 解决方法 找到RCTModuleMethod.m文件,插入 RCTReadString(input, "__attribute__((__unused__))") || 最终内容为: 结果.png ...
  • 我想看看RCT里的例子,但是官网似乎只说了。 我直接在xcode运行例子里的xcode文件报各种错误,不知道怎么开始?
  • Xcode升级到9.3后 React-Native(RN) 打包build失败 RN: 0.44+ Xcode 9.3 打包时会报下面几种错误: /node_modules/react-native/Libraries/Image/RCTImageCache.m:28:55: Enum values with underlying type ...
  • Xcode 10 版本 引入 创建系统(Build System) Xcode 10使用了一个新的创建系统。新创建系统提供了更好的可靠性与创建性能,它可以获取项目配置问题,而legacy创建系统则不能。 但是RN 打包不了 在File > ...
  • 由于之前我是h5的,没接触过ios和安卓, 也不了解xcode配置,所以 建议学reace-native之前还是先去了解一下ios和安卓开发环境搭建等问题。 环境下载及配置 nodejs:https://nodejs.org/en/download/ 设置淘宝镜像 $ ...
  • React Native 适配XCode11.3

    2020-06-09 22:34:46
    node_modules/react-native/React/Base/RCTModuleMethod.mm 只需要找到当前类实现文件,找到RCTParseUnused函数,做以下修改 static BOOL RCTParseUnused(const char **input) { return RCTReadString(input, ...
  • 2.编辑React Native中的JS代码 3.编写IOS/Android原生代码 4.如何添加第三方react native npm源码库 4.1仅仅涉及React Native开发 4.2涉及React Native和IOS或者Android混合开发 5.第三方代码添加到libs包中 6...
1 2 3 4 5 ... 20
收藏数 4,657
精华内容 1,862