wordpress google站内搜索,logo创意设计,推广文案标题,威海网站建设哪家的好由于官方文档比较老#xff0c;很多配置都不能用#xff0c;集成的时候遇到很多坑#xff0c;简单的整理一下 时间节点:2021年9月1日 本文主要提供一些配置信息以及错误信息解决方案#xff0c;具体步骤可以参照官方文档 原版文档#xff1a;https://reactnative.dev/docs… 由于官方文档比较老很多配置都不能用集成的时候遇到很多坑简单的整理一下 时间节点:2021年9月1日 本文主要提供一些配置信息以及错误信息解决方案具体步骤可以参照官方文档 原版文档https://reactnative.dev/docs/integration-with-existing-apps 中文文档https://reactnative.cn/docs/integration-with-existing-apps PS官方文档黄色提示部分作用非常大一定要仔细看很多报错看了黄色提示都能解决 1. 配置项目目录结构 首先创建一个空目录用于存放 React Native 项目然后在其中创建一个/ios子目录把你现有的 iOS 项目拷贝到/ios子目录中。 2. 安装 JavaScript 依赖包 在项目根目录下创建一个名为package.json的空文本文件然后填入以下内容 {name: MyReactNativeApp,version: 0.0.1,private: true,scripts: {start: yarn react-native start}
}接下来我们使用 yarn 或 npm两者都是 node 的包管理器来安装 React 和 React Native 模块。请打开一个终端/命令提示行进入到项目目录中即包含有 package.json 文件的目录然后运行下列命令来安装 $ yarn add react-native这样默认会安装最新版本的 React Native同时会打印出类似下面的警告信息你可能需要滚动屏幕才能注意到 warning react-native0.65.1 has unmet peer dependency react17.0.2. 这是正常现象意味着我们还需要安装指定版本的 React $ yarn add react17.0.2注意必须严格匹配警告信息中所列出的版本高了或者低了都不可以。 3. 安装 CocoaPods 安装方式参照官方文档不做赘述 此处提供下Podfile的内容当时因为Podfile的问题遇到很多坑 require_relative ../node_modules/react-native/scripts/react_native_pods
require_relative ../node_modules/react-native-community/cli-platform-ios/native_modulesplatform :ios, 11.0
//use_frameworks!是否使用依照原生项目
use_frameworks!
target RNTest do
//这里放置原生使用的pods
pod SVProgressHUD
pod Masonry//这里是react-native使用的podsreact-native 0.64config use_native_modules!use_react_native!(:path config[:reactNativePath],# to enable hermes on iOS, change false to true and then install pods:hermes_enabled false)target RNTestTests doinherit! :complete# Pods for testingend# Enables Flipper.## Note that if you have use_frameworks! enabled, Flipper will not work and# you should disable the next line.
# use_flipper!()post_install do |installer|react_native_post_install(installer)end//如果使用use_frameworks!需要添加这一部分如果不使用则不需要非常重要pre_install do |installer|Pod::Installer::Xcode::TargetValidator.send(:define_method,:verify_no_static_framework_transitive_dependencies) {}end
end 安装完成后到ios文件夹下 $ pod install如果出现以下错误 The following build commands failed:PhaseScriptExecution [CP-User]\ Generate\ Specs /Users/goodwe/Library/Developer/Xcode/DerivedData/PVMaster-fmlxwaebkuhxpwfecwezdewdswsi/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FBReactNativeSpec.build/Script-85194FC3D0122935CF3BE54D1926EC14.sh
(1 failure)info Run CLI with --verbose flag for more details.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.并且用Xcode运行项目会出现以下错误 Error: Could not determine react-native-codegen location. Try running yarn install or npm install in your project root.
Command /bin/sh failed with exit code 1解决方法 在项目根目录 yarn add react-native-codegen 接下来的代码集成参照官方文档不做赘述 PS: localhost最好改成本机的ip地址 最后编辑于2025-02-24 21:39:51 © 著作权归作者所有,转载或内容合作请联系作者 喜欢的朋友记得点赞、收藏、关注哦
