• 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

    终端

    这里写图片描述

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

    展开全文
  • 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




    展开全文
  • 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;  // 加入此行
    }
    展开全文
  • 我想看看RCT里的例子,但是官网似乎只说了。 我直接在xcode运行例子里的xcode文件报各种错误,不知道怎么开始?
  • 1, 使用xcode10打开 生成的ios项目代码 2,为xcode配置Apple ID(可以使用普通的apple账户) 点击“管理证书”,生成 ios development 证书 3,项目参数配置 4. 选择“真机device” 运行 注:...

    1, 使用xcode10打开 生成的ios项目代码 

    2,为xcode配置Apple ID(可以使用普通的apple账户)

        

      点击“管理证书”,生成 ios development 证书

      

    3,项目参数配置

     

     

     4. 选择“真机device” 运行

     

     

    注: 错误 React/RCTBundleURLProvider.h' file not found 解决办法 

      xcode Product->Scheme->Manage Schemes click '+' at the Target to select "React" and set the React is shared.

      

     

    转载于:https://www.cnblogs.com/laoxingxuzhou/p/10562166.html

    展开全文
  • 1、找到react native 项目,用Xcode打开项目,如下图 2、确保运行的选项如下图这个: 3、确保苹果开发者的证书,有则可以直接打包,没有的话需要到苹果开发者官网添加证书并且下载放入本地,具体可看下一篇...

    1、找到react native 项目,用Xcode打开项目,如下图

    2、确保运行的选项如下图这个:

    3、确保苹果开发者的证书,有则可以直接打包,没有的话需要到苹果开发者官网添加证书并且下载放入本地,具体可看下一篇教程专门介绍登录苹果开发者网站 http://developer.apple.com,进入到证书配置生成后台,本文介绍有证书的情况下打包

    4、查下如下:

    查看run选择的模式,

    4、然后开始打包,如下操作:

    打完包之后如下(如果要查找,可通过如下方法):

    点击archive后默认都下一步

    导出如下选择:

    其余的都点默认的下一步,最后导出存放在你想存放的位置:

    5、ipa上传到蒲公英就可以了

    展开全文
  • 在升级Xcode11之后,使用低于0.59.9版本的React Native,启动时必将出现问题: 模拟器运行报红如下: Xcode运行错误如下: 2019-09-25 15:16:47.784 [error][tid:main][RCTModuleMethod.mm:376] Unknown ...
  • 更新xcode到11版本之后,跑之前xcode10版本的项目,提示 报错为: Unknown argument type ‘attribute’ in method -[RCTAppState getCurrentAppState:error:]. Extend RCTConvert to support this type 这是因为...
  • React Native 报错处理

    2016-11-03 10:33:27
    因项目需要,开始写RN。刚开始本地开始写,后来整理传到SVN,换...reactnative run-ios运行,会报错:error: PCH was compiled with module cache path '/Users/ralbatr/Documents/xxx/ios/build/ModuleCache/1MFRCF
  • 最近接手了一个react-native项目,用xcode运行的时候,各种坑,各种报错,现在抽时间整理一下 1.找不到头文件 RCTJPushModule.h 一上来就报这个错,翻阅一些资料找到解决办法 打开终端,cd到项目文件夹,输入 ...
  • 2、xcode下载官网:xcode 二、创建一个react-native项目 打开terminal输入:cd 安装路径(直接将文件夹拖进来)回车后就进入了待安装的目录文件,输入:react-native init 新项目文件夹名称,回车后就开始创建新项目...
  • 运行React Native出现白屏,无法运行,查看终端报错如下: 原因: 代码中有语法错误,导致运行失败. 其实到这里可以去Xcode查看控制台打印,会提示哪个文件出现错误的. 解决办法: 找到报错文件,修改错误即可. 转载...
  • Xcode 10 版本 引入 创建系统(Build System) Xcode 10使用了一个新的创建系统。新创建系统提供了更好的可靠性与创建性能,它可以获取项目配置问题,而legacy创建系统则不能。 但是RN 打包不了 在File > ...
  • 以前开发react native项目总是需要打开WebStorm编写代码,Xcode跑项目.显得有点多余.今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了.1.首先点击WebStorm右上方的下拉...
  • 前段时间项目时间紧张,ios端因为pod文件冲突,没有使用ios模拟器开发,今天见打算搞一下这个问题。 解决过程主要是如下两个步骤:首先删除项目ios目录下的Pods文件夹,然后...在ReactNative项目根目录运行命令react...
  • 果然 Xcode每次更新都会出各种幺蛾子,昨天晚上更新到Xcode11后,就发现RN项目编译报错,和启动报错,可是勤劳的中国人民总会找到各种解决方法。 编译报错 出现 unexpected duplicate task: ********的问题, 方法...
  • 网上有很多react-native的入门教程,当然坑也很多。一方面是到处拼凑起来的资料,没有实际运行,很可能是有问题的;另一方面,对配置和运行中出现的问题没有详细介绍怎么解决(也可能是人家运气好,没有碰上)。 我...
  • 以前开发react native项目总是需要打开WebStorm编写代码,Xcode跑项目.显得有点多余.今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了.1.首先点击WebStorm右上方的下拉...
  • WebStorm配置运行React Native 以前开发react native项目总是需要打开WebStorm编写代码,Xcode跑项目.显得有点多余. 今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了....
  • 当我们运行一个React Native项目的时候,React Native会启动一个默认端口号为8081的本地服务,该8081的服务就是React Native项目的一个本地服务器,用于提供JSBundle包和一些静态资源。这一切都是React Native帮...
1 2 3 4 5 ... 20
收藏数 2,966
精华内容 1,186