iOS+React Native混合开发初探 一

Posted 2022-12-12 xj_love

前言

虽然项目中一直没有混合开发的需求，但一直很好奇这一块。最近正好没什么需求了，所以决定来学习一下RN，并记录学习的过程和一些心得，希望大家能一起交流，共同进步。

一 搭建开发环境

1.必需的软件 Homebrew
打开终端，输入一下命令

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

注：在 Max OS X 10.11（El Capitan)版本中，homebrew 在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复：

sudo chown -R `whoami` /usr/local

2.安装Node.js

brew install node

注：安装完 node 后建议设置 npm 镜像以加速后面的过程（或使用科学上网工具）

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

3.安装 Yarn
Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。

npm install -g yarn react-native-cli

注：安装完 yarn 后同理也要设置镜像源

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

4.安装 Watchman
Watchman是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager 可以快速捕捉文件的变化从而实现实时刷新）

brew install watchman

5.JS编辑工具 推荐 Visual Studio Code

二 测试安装

1.cd到你要安装项目的文件夹下
2.输入react-native init AwesomeProject
3.Xcode打开ios项目，跑起来。
百分百报错。别慌，如果工程能建立起来，表明前面RN开发准备工作已经完成。
至于报错，是因为代码的原因。可以看我的下面测试代码。

React Native 学习中文网
iOS+React Native混合开发初探 二

欢迎大家进群交流学习，高级iOS开发交流群：855808379