React Native 首篇

背景
去年有拿过一个电商项目用RN做练手,当时只搭建了一个主框架,和首页的布局,没涉及到通信这块,没想到今年新公司要求用这个,现在整个Team都在学RN,而我去年的RN知识竟然全部忘光了,真的是彻底光光,只有重新学习的时候才感觉有点印象。好吧,就拿自己当RN的小白,从0开始学习。

如何学习RN
学习RN的官网教程:
英文版的 React Native 英语教程官网
中文版的 React Native 中文教程官网

我是建议能看英文版,尽量看英文版,因为英文版是最新的,中文版有的时候没更新,就像这次我重新搭建环境,跟着中文教程遇到好多坑,还没装好,换了英文教程分分钟搞定了。

安装过程我就不说了,跟着官网走就行了。

RN的开发工具,个人建议用WebStorm,有补全提示,比Sublime好多了。

另外安装Android Studio的SDK非常慢,先做好心理准备。
第一次打开Android Studio可能会弹出如下框


React Native 首篇_第1张图片

报 unable to access android sdk add-on list的错,是因为没有安装SDK的原因,直接点击Cancel,到后面去安装SDK就行了
真机调试
iOS真机调试需要修改三个部分:

  1. 修改连接RN服务器的ip,定位如下图:


    React Native 首篇_第2张图片
    image.png

RCTWebSocketExecutor.m 文件的58行,默认的应该是localhost,把它改为你电脑的ip

  1. 修改你的build id,用能在真机上跑的build id
  2. 修改target和Test Target的Team

你可能感兴趣的:(React Native 首篇)