`

react native 安装环境的构建

阅读更多

1:  jdk 安装

2: android sdk 的安装

3:  node.js 的安装  https://nodejs.org/

4:安装react-native 通过命令行工具 npm install -g react-native-cli

本操作速度很慢,可以直接拷贝即可,https://github.com/CellChen/react-native-init

5:在rn的工程根目录下面,执行react-native start 用于启动js server。

http://localhost:8081/index.android.bundle?platform=android    用本url访问,可确认是否启动成功.

5-1: 最后通过摇一摇手机可以出现 各种配置.

 

6: curl 的安装和下载 https://curl.haxx.se/download.html ,只要下载一个curl.exe ,并把此curl.exe拷贝到react-native工程的根目录下面,

curl -k "http://localhost:8081/index.android.bundle" > android/app/src/main/assets/index.android.bundle

把js有关的打包进入apk包中。 当然可以通过代码动态设置jsbundle文件,这样就可以实现热更新的功能,具体实现参看activity继承的react-native的父类,源码里面有设置的方法。

 

 

参考文档:

 

http://my.oschina.net/jackzlz/blog/508210?p={{page}}

 

http://www.cnblogs.com/meteoric_cry/p/4874517.html

分享到:
评论

相关推荐

    react native windows 环境搭建

    本文档将详细介绍如何在 Windows 系统上搭建 React Native 的开发环境,包括必要的软件安装和配置过程。 #### 二、搭建开发环境 ##### 1. 安装 JDK - **下载与安装**:首先需要从 Java 官方网站下载适合 Windows ...

    React Native安装步骤

    本文将详细介绍如何在Windows系统上安装React Native的开发环境。 首先,我们需要进行环境配置。安装Chocolatey,这是一个包管理器,可以帮助我们简化软件安装过程。在管理员权限的命令提示符中输入以下命令来安装...

    React Native安装必备

    2. **Python**: Python是React Native构建过程中的一个依赖,因为它被用在`react-native`命令行工具中。Python 2.7.15.amd64.msi是Python 2.x系列的64位安装程序,适用于处理React Native的构建脚本。 3. **Node.js...

    reactnative混编构建的app

    - Node.js的npm(Node Package Manager)是React Native项目依赖管理的主要工具,通过npm安装和管理各种第三方库,丰富了React Native的功能。 3. **混合移动开发**: - 混合移动开发结合了Web开发和原生移动开发...

    React Native Debugger reactnative可视化调试工具

    React Native Debugger是一款强大的开发工具,特别为在macOS平台上进行React和React Native应用的可视化调试...通过熟练掌握这款工具,开发者可以提高工作效率,更好地构建和维护高质量的React和React Native应用程序。

    reactnativepage一个简单的reactnative分页组件

    要使用React Native Page,首先你需要确保已经安装了React Native环境,并熟悉基本的React Native开发流程。然后,通过npm或yarn将这个组件添加到你的项目中: ```bash npm install react-native-page # 或者 yarn ...

    30天学习ReactNative教程

    在30天学习React Native教程中,你将深入探索这个由Facebook推出的JavaScript框架,它允许开发者使用一套代码库构建原生的iOS和Android应用程序。React Native结合了React.js的组件化思想与移动平台的特性,提供了...

    采用ReactNative和Exponent构建的可展开列表集合组件

    Exponent(现在称为Expo)是一个基于React Native的工具链,它提供了一个“开箱即用”的环境,开发者无需配置复杂的构建环境就可以快速开始编写React Native应用。它还支持热重载、实时更新以及通过扫描二维码在设备...

    win7,win10react-native 环境配置

    React Native 是一个开源框架,由Facebook开发,用于构建原生移动应用程序。它允许开发者使用JavaScript和React库来编写代码,同时享受到与原生应用相似的性能。本教程将详细介绍在Windows 7和Windows 10操作系统上...

    react native uwp app

    1. **环境配置**:安装Node.js,设置React Native命令行工具,配置Visual Studio和Windows SDK,确保UWP开发环境准备就绪。 2. **创建项目**:使用`react-native init`命令创建一个新的React Native项目,然后根据...

    react native 技术分享

    搭建React Native开发环境需要安装Node.js和npm(Node.js的包管理器),接着是React Native的开发工具。在安装React Native之前,确保已经安装了Node.js。可以通过访问***下载Node.js,并通过命令行输入node -v和npm...

    ReactNative项目demo

    1. **环境配置**:首先,你需要安装Node.js和npm(Node包管理器)来获取ReactNative的运行环境。然后,通过`create-react-native-app`或`react-native init`命令创建一个新的项目。对于iPad开发,可能还需要额外配置...

    ReactNative开发实例带你入门reactnative开发

    3. **React Native环境搭建**:安装Node.js、设置npm(Node包管理器)、安装React Native CLI(命令行工具)以及配置Android Studio或Xcode开发环境,是开始React Native开发的第一步。 4. **创建第一个应用**:...

    reactnative debugger tools

    这个工具专为React Native框架设计,可以帮助开发者在Windows环境下高效地定位和解决应用程序的问题。 React Native是一个开源的JavaScript框架,用于构建原生移动应用程序。它允许开发者使用JavaScript和React来...

    React Native 瀑布流列表

    React Native 瀑布流列表是一种流行的前端技术,它允许开发者构建动态、响应式的界面,以展示内容,尤其是图片和媒体元素,以类似瀑布或下落石头的方式排列。这种布局方式在电商、摄影或者社交媒体应用中非常常见,...

    EXPO XDE ReactNative For windows

    Expo XDE(Experience Development Environment)是React Native社区推出的一款集成开发环境,专门针对React Native应用的开发。React Native是由Facebook开发的开源框架,它允许开发者使用JavaScript来编写原生的...

    react expo开发 react native项目集成方法

    React Expo 是一个基于 React 的框架,它提供了一个强大的开发环境来帮助开发者快速构建跨平台应用。React Native 是一个基于 React 的框架,它允许开发者使用 React 和 JavaScript 来构建 native 移动应用。 要将 ...

    一个基于reactnative开发的完整项目示例

    3. **安装与设置**:在开始项目之前,开发者需要确保已安装Node.js、npm和React Native CLI。然后通过命令行工具运行`npx react-native init ProjectName`初始化一个新的React Native项目,或克隆`RNExampleApp-...

    一个强大的ReactNative滑动组件

    React Native滑动组件是开发者构建混合移动应用时的利器,尤其在JavaScript开发环境中。这个组件以其强大和跨平台的特性,使得在iOS和Android设备上实现动态、交互丰富的滑动效果变得轻而易举。在本文中,我们将深入...

Global site tag (gtag.js) - Google Analytics