React Native使用JavaScript也能编写原生移动应用。它在设计原理上和React一致,通过声明式的组件机制来搭建丰富多彩的用户界面。React Native的优势 1.跨平台兼容性 使用React Native,可以编写一次代码并多次部署到Android和iOS操作系统。对于公司来说,这样可以节省成本,一套代码多平台运行,为程序员腾出时间完成其他重要任务。 2.卓越的性能 Reac            
                
         
            
            
            
            创建React-Native项目打开终端输入react-native init ProjectName,这里的ProjectName可以改成你想创建的项目名称。然后有两种方法启动项目1.从终端开启在终端找到刚才创建的项目进入它的路径如cd ProjectName,之后启动它react-native run-ios即可。2.从Xcode开启在项目中找到以xcodeproj为后缀结尾的文件双击,即可在            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-29 21:31:58
                            
                                23阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、背景1、为什么需要React-Native?在React-Native出现之前移动端主流的开发模式是原生开发和Hybrid开发(H5混合原生开发),Hybrid app相较于native app的优势是开发成本低开发速度快(H5页面开发跨平台,无需重新写web、android、ios代码),尽管native app在开发上需要更多时间,但却带来了更好的用户体验(页面渲染、手势操作的流畅性),也            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-28 22:32:52
                            
                                49阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在使用 Android Studio 开发 React Native 项目时,我遇到了一些问题,主要集中在如何高效地配置和运行环境。经过一系列的探索、调试和优化,我整理出了一些经验和策略,希望对你们有所帮助。
## 版本对比
在选择 React Native 版本时,了解各个版本的特性差异非常重要。下面的表格总结了不同版本的特性对比:
| React Native 版本 | 特性            
                
         
            
            
            
            文章目录React-Native简介React-Native特性ReS和安卓两大平台。RN使用Javascript语言,...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-06 11:19:23
                            
                                328阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            我们想为用户设计一款移动端的应用,却不知从何下手,我们只知道每一个人都希望做一款又酷又好玩儿体验又十分顺滑的应用,然而团队里没人有移动端的经验。于是,我们最终只好选择React Native作为我们的开发工具。结果证明,这是一个非常明智的选择,我们从开始到现在的所思所感,全都总结如下:为什么要用React Native我们是一群Web开发者,而不是iOS开发者。我曾参加过几个在纽约举办的有关Swi            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-18 19:36:21
                            
                                30阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            React-Native原理及组件生命周期原理概述React Native 不是黑科技,我们写的代码总是以一种非常合理,可以解释的方式的运行着,只是绝大多数人没有理解而已。接下来我们以android 平台为例,简单的解释一下 React Native 的原理。首先要明白的一点是,即使使用了 React Native,我们依然需要 andriod平台的相关组件框架,调用的是 java代码。总之,J            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-31 01:10:31
                            
                                77阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            标题背景最近公司接了一个项目,需要做移动端,由于没有IOS相关的人员,为了减少学习成本,就打算使用的混合开发的技术。简单了解了一下,现有跨平台方案有:Flutter,React Native,Weex和Cordova这种hybride开发。考虑了一下技术的运行速度,支持平台,生态环境,上手速度。还是决定了使用React Native。主要是因为:客户需求简单,性能要求不高。React Native            
                
         
            
            
            
            本文以官网的教程为基础,进行了一定程度的详细描述,并以Android Studio作为重点进行描述,由于安装环境的具体操作变化很快,故本文也仅供参考,文中所涉及的组件及软件版本为ReactNative-v0.67,Android Studio-2020.3.1,阅读时请注意版本对应 官网教程:https://reactnative.cn/docs/environment-setup,请对比查看必须            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-02 19:33:37
                            
                                292阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在安卓模拟器上运行 React Native 安卓应用程序所需要的开发环境的基本安装步骤。在这里我们不讨论诸如 IDE 的开发工具配置。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2016-04-08 14:50:37
                            
                                701阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            React Native 发布一年多了,有不少公司已经在线上产品中或小范围试水,或大范围应用,很多公司或开发者都在为 React Native 的生态系统作出自己的贡献。React Native 的开发基本上是 Javascript + 系统原生开发语言(Java,Objective-C,Swift),原生语言的开发所用的 IDE 没有多余的选择,Android 平台只能使用 Android St            
                
         
            
            
            
            这篇教程旨在让你使用 React Native 快速的开发 iOS 和 Android 应用。如果你会想什么是 React Native 并且为什么 Facebook 构建了它,这篇 文章 解释了为什么。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2016-04-08 14:54:55
                            
                                917阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            React-Native新架构:ReactNative宣布在2018年宣布对架构进行重要调整,此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式:   如图所示,RN结构四大核心部分:React代码部分,由代码翻译过来的JavaScript部分,一系列统称为“桥”的部分,以及            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-23 17:32:27
                            
                                171阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            React Native 看起来很像 React,只不过其基础组件是原生组件而非 web 组件。要理解 React Native 应用的基本结构,首先需要了解一些基本的 React 的概念,比如 JSX 语法、组件、state状态以及props属性。如果你已经了解了 React,那么还需要掌握一些 React Native 特有的知识,比如原生组件的使用。 ReactNative资料:React官            
                
         
            
            
            
            React Native组件React Native是用React Native框架来组建Android和IOS App的技术,那么React Native组件就是React组件            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-06 01:25:37
                            
                                212阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            React Native常用IDE推荐与安装配置(一)前言上一讲提到了React Native框架安装和运行,以及创建了一个项目并介绍这个项目结构。这样介绍项目项目结构其实极其不方便,这一节将介绍开发React Native常用的IDE. 所谓工欲善其事必先利其器,做React Native开发也和其他应用开发一样。现在推荐使用几款比较好的IDE: sublime、webstorm以及官网推荐的N            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-28 01:22:27
                            
                                37阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.js跳转Activity后,按home键再切回应用白屏...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-16 10:01:25
                            
                                31阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            学习任何技术,最快捷的方法就是学习完基础语法,然后模仿开源项目进行学习,React Native也不例外。React Native推出了1年多了, 开源项目太多了,我们以其中一个举例子.给大家演示下如何运行开源项目.(前提是你已经搭建好React Native环境了)下载开源项目首先需要找到开源项目 ,比如下面这个. 
地址: https://github.com/Bob1993/react-na            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-07 16:55:40
                            
                                203阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            准备工作1.你需要一台Mac电脑。。(这不是废话?我所用的是Air~~穷。。)2.我所操作的电脑系统环境是3.xcode版本:8.0正式版 必需的软件1.HomebrewHomebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。打开终端,执行/usr/bin/ruby -e "$(curl -fsSL https://raw.githubuserconten            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-20 12:03:13
                            
                                99阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一:Props(属性)大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props(属性)。props是在父组件中指定,而且一经指定,在被指定的组件的生命周期中则不再改变通过在不同的场景使用不同的属性定制,可以尽量提高自定义组件的复用范畴。只需在render函数中引用this.props,然后按需处理即可。下面是一个例子:import React, { Component }            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-05 10:10:06
                            
                                21阅读