美文网首页
react-native初探

react-native初探

作者: wlssing | 来源:发表于2018-03-22 19:56 被阅读0次

react-native初探

一 、必备软安装

  两个基本软件 :node.js和python2
  中文网上使用的是Chocolatey

choco install python2  
choco install nodejs.install

  node.js自带npm功能 设置静态源

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

  创建项目测试安装

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

  这里安装会报一个错误
  android studio升级3.0,gradle升级4.1以后项目报错,如下

  Could not resolve all files for configuration ‘:classpath’. Could not find com.android.tools.build:gradle:3.0.0.
  解决方法:在project的builde.gradle做如下操作分别加上google()

buildscript {
    repositories {
        google()
        ……
    }
}

allprojects {
    repositories {
        google()
        ……
    }
}

自此就能安装了 上面的所有尝试都是基于Androidstudio 3.0

(Android 5.0及以上)使用adb reverse命令

  • 注意,这个选项只能在5.0以上版本(API 21+)的安卓设备上使用。

  • 首先把你的设备通过USB数据线连接到电脑上,并开启USB调试(关于如何开启USB调试,参见上面的章节)。

adb reverse tcp:8081 tcp:8081
  • 不需要更多配置,你就可以使用Reload JS和其它的开发选项了.

(Android 5.0以下)通过Wi-Fi连接你的本地开发服务器

  • 首先确保你的电脑和手机设备在同一个Wi-Fi环境下。
  • 在设备上运行你的React Native应用。和打开其它App一样操作。
  • 你应该会看到一个“红屏”错误提示。这是正常的,下面的步骤会解决这个报错。
  • 摇晃设备,或者运行adb shell input keyevent 82,可以打开开发者菜单。
  • 点击进入Dev Settings。
  • 点击Debug server host for device。
  • 输入你电脑的IP地址和端口号(譬如10.0.1.1:8081)。
  • 在Mac上,你可以在系统设置/网络里找查询你的IP地址。在Windows上,打开命令提示符并输入ipconfig来查询你的IP地址。在Linux上你可以在终端中输入ifconfig来查询你的IP地址。
  • 回到开发者菜单然后选择Reload JS。

相关文章

  • react-native初探

    react-native初探 一 、必备软安装   两个基本软件 :node.js和python2  中文网上使用...

  • react-native run-ios报错

    初探RN按照 RN中文网 文档配置完开发环境之后运行react-native run-ios报错 可能有":CFB...

  • 初探React-Native

    近日研究了下React-Native,一路走来真是!!!全是眼泪啊!!! 记录下走过的坑,现在把填坑方法送给大...

  • react-native初探

    参考:react native 中文网 http://bbs.reactnative.cn/topic/10/%E...

  • react-native flatlist初探

    前言 长列表或者无限下拉列表是最常见的应用场景之一。RN 提供的 ListView 组件,在长列表这种数据量大的场...

  • react-native使用初探

    1. 搭建开发环境 安装 Node12.x, Python2.x, java JDK 1.8 Android 开发...

  • 苹果 ARKit 初探

    苹果 ARKit 初探 苹果 ARKit 初探

  • 初探React-Native(二)代码篇

    撸了几天代码,iOS项目中集成RN页面还算简单,主要是互相之间的通讯,现在开始撸代码啦,直接上干货! 1.iOS项...

  • React-Native初探遇到的问题

    原文 之前已经发布在个人博客。 缘起 遇到的第一个问题 解决方案

  • iOS 8 Size Classes初探

    iOS 8 Size Classes初探 iOS 8 Size Classes初探

网友评论

      本文标题:react-native初探

      本文链接:https://www.haomeiwen.com/subject/surzqftx.html