RN 环境搭建 运行demo App

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了RN 环境搭建 运行demo App相关的知识,希望对你有一定的参考价值。

1.环境搭建

    1.1 JDK

   技术分享

   1.2android JDK

  技术分享 

  1.3Node

  技术分享

  

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

 1.4安装 React-native-cli

   npm install -g react-native-cli

  技术分享

2.创建app并且允许

   2.1创建项目   version=0.49  

    react-native init RuiHuaProject

  2.2项目结构

   技术分享

  2.3因为我的gradle版本问题,修改以下内容

  技术分享

 android目录下build.gradle

技术分享

 技术分享

gradle-wrapper.properties目录下修改

技术分享

2.4运行demo

技术分享

 如果运行时红色样子,需要查看是否服务器正常,摇晃手机设置

技术分享

设置服务器地址 Dev Setting:如:192.168.0108:8081

进入app首页

技术分享

 

以上是关于RN 环境搭建 运行demo App的主要内容,如果未能解决你的问题,请参考以下文章

搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

逻辑性最强的React Native环境搭建与调试

创建并运行rn app项目

React Native的概述,React Native的优缺点,React Native开发/运行环境的搭建

ReactNative环境搭建扩展篇——安装后报错解决方案