MacOS系统 React-Native项目0.59版本从开发到提交审核记录（一）

背景

公司打算作App，但其实咱们前端组都没有相关App经验，只能摸着石头过河了，跌跌撞撞到如今，总算是ios提交审核了，由于ios审核目前已被拒两次，目前还在审核中，想把整个过程整理出来，记录遇到的问题和解决办法

初始demo搭建

React Native官网

图为当时建立项目时官网内容截图记录，按照上面的要求去下载几个第三方库编译内容，下载0.44.3版本一次成功也成功启动，但0.44.3是17年的版本，开始研究高版本下载方法

下载时按照文档中的国内下载连接指示一步步操做，在init项目的时候出现问题

找了相关文档说是这个原本就是慢，虽然是卡着不动，但须要耐心等待，等了一两个小时（也有等半小时就有结果的，也有一个小时的，我一开始等了一下子没反应就直接停掉，从新下，后来看到他们说就是慢，要耐心等待，才又等了两三个小时）才显示下载失败，失败后按照提示打开对应目录并用pod install 继续去下载cocoapods，再次尝试了好几回，最终在夜深人静没人抢网的状况下下载成功了（下载成功的那次历时三四个小时）

不过如今官网提供了相关镜像，真的太好了

$ pod repo remove master
$ pod repo add master https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git
$ pod repo update

$ cd ~/.cocoapods/repos 
$ pod repo remove master
$ git clone https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git master

source 'https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git'
复制代码

项目构建完成后根据下图提示启动

cd AwesomeProject
react-native run-ios
复制代码

项目启动

若启动报错，能够先尝试如下解决办法

下载后一直报错，最终解决办法是： 关掉全部终端，打开只打开一个终端，打开到咱们对应的项目，执行npm start 而后在点击项目下的 ios/test.xcodeproj in Xcode

关于RN自带webview与react-native-webview

咱们的项目用到了webview，由于在启动时有warnning，找到文章以下

使用方法：

依次执行下面两行代码再次从新启动
$ yarn add react-native-webview
$ react-native link react-native-webview
复制代码

import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { WebView } from 'react-native-webview';

// ...
class MyWebComponent extends Component {
  render() {
    return (
      <WebView source={{ uri: 'https://facebook.github.io/react-native/' }} />
    );
  }
}
复制代码

ios真机调试报错

先检查如下两项：