`

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应用。它还支持热重载、实时更新以及通过扫描二维码在设备...

    ReactNative虚线组件兼容Android

    React Native的组件化开发模式使得你可以通过组合不同的组件来构建UI。对于rn-dashline,它的核心可能在于通过设置特定的样式属性,比如borderWidth、borderColor以及borderStyle(设置为'dashed'),来实现虚线效果...

    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组件用于创建圆形进度滑块

    标题所提及的"ReactNative组件用于创建圆形进度滑块"指的是在React Native项目中使用特定的第三方库或自定义组件来创建具有圆形外观和进度显示功能的滑动条。这种组件通常用于展示任务的完成度,如加载进度、健康...

    reactnative debugger tools

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

    EXPO XDE ReactNative For windows

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

    React Native 瀑布流列表

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

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

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

Global site tag (gtag.js) - Google Analytics