Tag: 纱线

我在React-Native和iOS之间集成的经验

好吧,这是我第一次使用React Native,但不仅是第一次与本地iOS应用程序集成。 项目配置 通常,我从Facebook官方文档开始: 与现有应用程序集成·React Native 从头开始新的移动应用程序时,React Native很棒。 但是,它对于添加… facebook.github.io 也很好。 必备的先决条件是已安装npm ,即JavaScript的软件包管理器。 一切都非常简单: https://nodejs.org/en/download/ 最后我执行: $ npm -v 我看到我已经安装了版本5.6.0 除此之外,建议安装: CocoaPods ,用于Objective-C,Swift和在Objective-C运行时上运行的任何其他语言的依赖项管理器。 为了便于安装,我使用Homebrew (macOS缺少的软件包管理器)进行安装: $ brew安装cocoapods 好的,您可以开始设置项目了。 在iOS项目中,我创建了一个“ js ”文件夹,其中包含React-Native项目。 首先,在此文件夹中,创建具有以下结构的文件“ package.json ”。 请注意,我的应用程序称为“ StoryReact” 该应用无法生成,“ Yoga-internal.h”文件似乎存在错误。 经过一些在线研究之后,我决定在GitHub上创建一个问题,但是我得到了负面的反馈,我将不得不手动更改框架的代码。 但是我不喜欢它作为解决方案,因此我尝试切换到另一个版本 。 然后我删除: “豆荚” “ Podfile.lock” “ js / node_modules” 在阅读到从0.54到最新版本的版本都给出了相同的问题之后,我回到终端并安装了React-Native的版本0.51.0 。 因此,我将执行与之前相同的命令,以使用pod在项目上安装react-native和依赖项,相反,包括对Podfile的更改: $ yarn add […]

React Native iOS应用中的多种方案和配置

React Native Schemes管理器 显然,由于packenger从节点模块目录创建Xcode项目引用时,packenger的工作方式,React-Native在处理Xcode构建配置和方案方面存在问题。 这可能是一个问题,因为您需要在应用程序中处理多个环境…… 幸运的是,您可以在React Native iOS应用中轻松处理多种方案和配置。 今天,我将撰写有关React Native Schemes Manager的工具,我发现该工具可用于解决React Native中的这一固有问题。 希望对您有所帮助。 1.添加新的构建配置 根据您的需要添加并命名新的构建配置。 您将通过克隆当前的“发行版”或“调试配置”来完成此操作。 在此示例中,我们将创建两个配置StagingQA的Debug副本和ProductionQA的Release副本: 2.为新的构建配置添加方案 如果您为每个构建配置创建模式,将更易于处理不同的包ID或显示名称或应用程序图标。 只要确保您创建的架构是“共享的”,并且在Run and Archive具有正确的构建配置参考即可。 有两种方法可以最快地创建一个新模式,即option(⌥) + click播放符号,然后复制原始模式。 您可以根据需要命名这些架构。 再次确保每个模式在Run和Archive中都具有正确的构建配置参考,并且已检查 “ Shared bod 。 3.安装React Native Schemes Manager 根据您的包管理器的偏好使用: yarn add –dev react-native-schemes-manager 要么 npm install –save-dev react-native-schemes-manager 4.更新您的package.json 按照React Native Schemes Manager的安装说明,您需要: 将 xcodeSchemes 部分 添加 […]