前言当前 React Native 虽说版本更新比较快,各种组件也提供的很全面了,但是在某些情况下,混合开发的方式才会快速缩短开发周期,原因无非就是原生平台的“底蕴”无疑更深,拥有众多且类型丰富的第三方支持库。很多情况下,运用这些库可以避免苦逼的重复劳动。接下来我们以 jpush-react-native 插件1为例来看看在 React Native 中如何使用原生的第三方库。开始在开始之前,
转载 10月前
183阅读
React Native 中文网 http://reactnative.cn/ 相关资料 React-Native学习指南 https://github.com/reactnativecn/react-native-guide 教程 React Native React.js ES6 系列教程 开源
原创 2021-07-20 14:36:01
387阅读
文章目录React Native实战一、项目准备1.1 创建原始项目1.2 使用 react-navigation 搭建页面路由1.2.1 安装react-navigation相关依赖1.2.2 修改App文件1.2.3 项目启动报错二、项目开发2.1 登录页面2.1.1 背景图片实现2.1.2 透明状态栏2.1.3 手机dp单位与px单位的转化2.1.4 引入react-native-elem
转载 2023-11-13 19:39:51
247阅读
React Native for Web配置兼容性:React Native 0.55。“React Native for Web”使得可以使用React DOM在Web上运行React Native组件和API。查看在Web上运行的React Native示例的实时演示。高质量的Web界面:可以轻松地在JavaScript中创建fast,自适应的Web UI。它提供原生质量的交互,支持多种输入模
转载 2023-08-03 16:48:42
193阅读
在学习React Native的过程中,相信对于一个App开发工程师,没有充分的学习过前端开发技术的同学来说,顺利的搭建好开发环境还是比较纠结的。下面,我就根据我自己学习过程中的总结,跟大家讲解讲解如何从零开始顺利的搭建React Native开发环境,希望对大家的学习有所帮助。我是以Ubuntu操作系统进行开发的,具体步骤如下: 1.安装Git     apt-ge
转载 3月前
21阅读
移动开发以前一般都是原生的语言来开发,Android开发是用Java语言,IOS的开发是Object-C或者Swift。那么对于开发一个App,至少需要两套代码、两个团队。对于公司来说,成本还是有的。然而现在有蛮多的公司开发App是基于React Native开发的,这样可以做到一个App,就是一套代码,一个团队。对于公司来说,无疑节约了成本。《React Native开发》这系列的文章主要是记
转载 27天前
351阅读
# React Native iOS教程 ## 简介 React Native是Facebook推出的一套用于构建跨平台移动应用的框架。它允许开发者使用JavaScript编写移动应用,并能够在iOS和Android平台上运行。本教程将重点介绍如何在React Native开发iOS应用,包括项目初始化、UI组件使用、网络请求等内容。 ## 准备工作 在开始之前,我们需要确保已经安装好以
原创 2023-09-18 06:08:05
178阅读
最近React Native技术比较火,React Native是Facebook发布的一个开源框架(Github地址),据我所知携程的APP就是使用React Native开发,且携程的技术团队还专门出了一本关于React Native的书确实React Native相比于HTML5性能更好,相比于原生iOS更灵活。本人从React Native官网开始零基础学习React Native,并时时
转载 2024-01-20 11:37:48
82阅读
目录一. 原生iOS项目集成React Native二. 原生跳转RN页面三. 显示豆瓣热门电影列表四. 改为导航五.完整源代码 一. 原生iOS项目集成React Native创建一个新的文件夹,如RNProject,然后新建一个/ios的子文件夹,将已有的iOS项目全部文件复制进去。在RNProject根目录创建package.json文件,内容如下:{ "name": "RNProje
转载 2023-09-12 20:54:53
218阅读
React Native 官网地址:https://www.reactnative.cn/docs/environment-setup开发平台 Windows目标平台 Android1、安装依赖必须安装的依赖有 Node、JDK 和 Android Studio,Node 版本不得低于 14,React Native 需要 JDK 11,查看 JDK 版本的指令如下:javac -version1
转载 2023-05-23 16:29:20
384阅读
iOS中嵌入ReactNative首先贴上了学习reactnative的文档,一定要按照步骤来搭建配置环境, 也包括18分钟的视屏来手把手教你,我们就可以创建一个简单的reactNative项目了 接下来就要说重点了,怎样在xcode项目中嵌入ReactNative首先我们需要根据推荐使用配置好所需要的开发环境 然后,在终端里进入到我们项目的目录下边进行如下配置:1:node初始化:npm i
转载 2023-10-31 23:21:57
137阅读
说在前面,本教程是建立在项目已经成功在模拟器上运行的基础上,如果你是还未配置好环境的新手,建议先从官网快速入门开始:官网英文版 、 中文版 ok, 切入正题,当你已经完成好环境配置,在模拟器上成功的运行了项目,看到了下图的效果,这时你的一定想,是时候去手机上装个逼了!找到官方的教程,开始一步步跟着来:修改URL地址:打开项目目录下的AppDelegate.m文件,修改里面的URL,把localho
转载 2023-05-22 14:49:20
299阅读
一.新建一个ReactNative 项目 步骤:1.进入终端使用终端命令:react-native init 项目名称 2.使用cd进入项目文件路径 3.运行reacnative 项目 终端命令:react-native run-ios 或者 在reacnative 项目中找到IOS文件夹,打开直接在xcode中运行。二.解决引入组建没有提示的问题 步骤:去github 上下载ReactNativ
虽然只是简单的了解了一下React的皮毛,但是对React Native的学习就轻松了好多。所以在学习React Native之前,最好还是先学习一下React。因为我学习的iOS开发,对iOS更加了解,所以里面主要涉及到的平台也是iOS。 目录:一、前言二、什么是React Native三、开发环境搭建四、预备知识五、最简单的React Native
转载 2023-07-13 18:19:17
138阅读
原生RN混编:ios:根据教程:https://reactnative.cn/docs/0.45/integration-with-existing-apps.html#content
原创 2022-12-16 16:33:10
88阅读
 一、react-native方案的优势1、项目价值(1)加快互联网产品的开发迭代速度APP迭代周期变短、需求/交互评审不再需要与多端开发同时沟通、产品走查不再需要同时兼顾IOS和安卓端,避免多端开发理解不一致。(2)提高产品的开发和测试效率同一功能由一人负责,避免多人负责因沟通不及时,需求理解不同导致平台实现差异。多端业务代码相同,测试同学不再需要多端重复验证,仅需关注少量的平台兼容问
react native环境搭建由于是windows电脑,所以选择了安卓开发,按照官网教程一步步完成。其中遇到一些问题作为记录问题一: 完成一系列的安装后运行react-native init projectname或者npx react-native init projectname启动一个项目时,它开始下载包并创建项目。完成后,它给出了此错误解决方案一:这是新版本0.69.0的错误。您可以使用
原创 2023-05-19 11:40:34
61阅读
在开始准备入手ReactNative时,先了解一下在RN中,页面怎么布局、如何写样式以及手势触摸事件。
React Native简介React Native是Facebook 在2015 大会上推出的基于 JavaScript 的开源框架。React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用。开发者只需学习一种语言就能轻易为任何平台高效地编写代码。React Native着力于提高多平台开发开发效率
转载 2024-09-07 17:47:04
63阅读
官方的配置文档 这篇文章只是我个人配置过程中遇到问题,希望能留个印象,所以写一篇小记,具体配置流程参考官方文档。首先的是node.js的安装和环境变量的配置。安装不需要多说,下载文件安装过程直接狂点下一步就行了,主要是不要忘记在系统变量path当中添加安装node.js路径。当然你可以检验你是否安装成功,在命令行输入 node -v ,就会显示出当前node.js 的版本。一般在这里没有什么坑。
  • 1
  • 2
  • 3
  • 4
  • 5