react-native开发

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/running_shuai/article/details/80869487

前言：

1、为什么要用react-native

1、针对安卓和ios平台的开发成本高，平台的差异性无法做到代码复用，
   产品和技术的沟通成本，无法动态更新，  
   每次版本迭代都需要上传到app store，会出现审核的不确定性。
2、react-natice的跨平台、
   低投入，人的成本，沟通的成本降低，代码复用可以作出适配安卓和ios的两端产品，
   react-native不是在浏览器内核类似webkit的js的引擎上运行h5，而是自己构建了一个  
   渲染js的引擎，他的性能比之前做的h5加webview的做法要高出很多，  
   也实现了与移动端的解耦，  
   支持动态刚更新，自建更新服务器的方式实现动态更新。
   作为一项新技术，可用于快速迭代。

---

2、react-native环境搭建

2.1 、工具安装

       nodejs
       React-Native Command Line Tools（一个命令行工具）
       android studio / xcode

2.2、windows平台搭建开发环境

 React-Native的开发需要node环境，做react-native开发可能会用到  
 npm的启动命令，  
 npm install安装项目的依赖，  

• 安装nodejs
• 安装react-native相关脚手架命令行工具

   npm install -g react-native-cli

• 安装windows开发平台的android studio开发工具
• 运行项目的时候确保你开启了一个安卓模拟器或者连接了一个设备并且设置了你的安卓开发者模式。（提示的很具体了）
• 启动起来以后有个本地服务器，默认8081端口

2.3、mac平台搭建开发环境

• 安装nodejs

  brew install node (需要自己安装homebrew)

• react-native命令行工具

   npm install -g react-native-cli

• 安装ios开发工具xcode和android开发工具android studio，其实react-native开发无法依赖浏览器开发，所以需要模拟器进行开发调试。

   ios的模拟器  react-native run-ios  会启动 Command Line Tools（一个命令行工  
   具）。我所用的是下载了xcode，然后运行报错，之后更改了xcode -preferences -  
   locations - Command Line Tools ,选择对应的xcode版本。如果之前没有开发过原生   
   APP，还需要熟悉下原生 APP 的开发工具：安卓使用 Android Studio，iOS 使用 Xcode。  
   它们如何配合 React Native 使用在 官方文档有说明，这部分没有太多坑，遇到问题自行谷  
   歌一般都有解决方案。

-