一、什么是 ReactNative？作为目前流行的跨平台技术框架之一，React Native是Facebook技术团队于2015年4月在早先的React前端框架基础上开源的一套移动跨平台开发框架，可以同时支持iOS和Android两大移动平台。React Native使用流行的JSX语法来替代常规的JavaScript语法，提高了代码的可阅读性。JSX是一种XML和JavaScript结合的扩展
转载
2023-08-26 14:04:07
466阅读
一、ReactNative开发环境的搭建 在本机搭建RN项目开发运行环境 —— 3GB+ ①安装必需的编译软件：Node.js + JDK ②安装Android原生App开发软件 —— Android Studio ③使用Android开发软件下载编译必需的第三方模块—— Android SDK ④配置系统的环境变量，
# RN Android调试指南
React Native（通常称为RN）是一个流行的跨平台框架，它允许开发者使用JavaScript和React构建移动应用。在开发过程中，调试是一个重要的环节，尤其是在Android平台上。本文将简要介绍如何在RN环境中调试Android应用，并附有相关代码示例。
## 环境准备
在开始调试之前，确保你的开发环境已经设置好，这包括：
- 安装Node.j
adb(Android Debug Bridge)是Android 提供的一个通用的调试工具，借助这个工具，可以管理设备模拟器的状态 。还可以进行以下的操作： 1、快速更新设备或手机模拟器中的代码，如应用或Android系统升级； 2、在设备上运行shell命令； 3、管理设备或手机模拟器上的预定端口； 4、在设备或手机模拟器上上传下载文件  
转载
2024-06-21 18:48:28
20阅读
一. Eclipse模拟器的调试 1. 基本方法：断点+单步 ①快捷键与VC有差别 DEBUG：F11 加断点：Shift + Ctrl + B Step Into: F5 Step Over: F6 Resume: F8 ②可以选择设备，模拟器和真机都可以使用 2. 进阶：DDMS使用 ①功能强大 可以进行手机屏幕截图、查看文件系统、看LOG等。 ②模拟器可以模拟打电话、发短信等
转载
2023-06-25 09:41:46
116阅读
最近在要把IOS原生端的百度人脸离线采集SDK移植到React-Native上，就学习了IOS原生平台与RN之间的通信机制。做了一个Demo，现在把知识点梳理了一下，主要有以下两个：（1）RN调用IOS原生平台的方法，并传递参数。（2）IOS原生平台向RN发送事件，并传递参数。Demo主要业务流程如下：（1）RN端跳转到IOS原生页面（我们假设这个是人脸识别页面）。这一步就是实现RN调用IOS原生
转载
2023-08-16 15:50:36
288阅读
在iOS开发中是如何调试程序的？有些时候会通过NSLog进行代码结果的打印，这种方式对应到RN的开发中，就是通过alert()或者通过console.log()把需要的内容弹出或者将结果打印到控制台上。这种方式对于小型的JS脚本调试比较方便。RN中提供了Chrome的强大的开发者工具的支持，可以很好对JS脚本进行断点设置和调试功能。这些调试和断点的设置事实上和java等这些非脚本语言的调试方式类似
前言 Chrome的Developer Tools对于WEB开发者来讲几乎是一个，而Chrome Store里也有无奇不有的插件，如果Chrome能调安卓应用应该是一件美好的事，而Facebook开源的一个工具Stetho让Chrome调试Android 应用不再是一个梦。安卓在调试时，有时候需要查看数据库，SharePreference等，而这个前提是必须root，另一方面，and
转载
2023-12-27 06:36:21
23阅读
Magento是一个功能丰富的开源电子商务平台（译者注：基于PHP的Zend Framework开发），在网店的外观、商品管理以及其它功能上，它给商家提供了前所未有的灵活和易用性。通过挑选一个合适的Magento主题，你可以很容易的部署一个非常漂亮的电子商务平台，而一切几乎不用花什么时间。Magento经过最近几年的快速发展，市场上已经有很多关于流行服饰、高端手表、运动外套、糖果、智能手机等
# 如何调试React Native iOS应用
## 引言
React Native是一种流行的跨平台移动应用开发框架，它允许开发者使用JavaScript编写应用，并同时在iOS和Android平台上运行。在开发React Native应用时，我们经常会遇到需要在iOS设备上进行调试的情况。本文将向刚入行的开发者介绍如何在iOS上调试React Native应用的步骤和具体操作。
##
原创
2023-12-18 08:23:41
248阅读
本文的记录适合已经按照 React-Native 中文网搭建好环境并且能够成功运行 Hello World 的 React-Native 原生项目的同学。文末会放上 github 的地址。各种环境的搭建参照 React-Native中文网，环境搭建好后就可以开始了。1. 打开 AS ，新建一个原生项目，这里项目名为 RNDemo2.在 AS 终端中输入命令npm init接下来按照提示输入对应信息
转载
2023-12-15 10:27:15
135阅读
### RN iOS启动调试流程
在开发React Native应用时，我们常常需要在iOS设备或模拟器上进行调试。下面是一份示意的流程图，展示了如何实现RN iOS启动调试：
```mermaid
pie
title RN iOS启动调试流程
"初始化React Native项目" : 25
"配置Xcode工程" : 25
"运行React Native应用
原创
2023-10-25 08:21:55
96阅读
# RN iOS 断点调试指南
在React Native（RN）开发中，调试是一个极为重要的环节，尤其是对于初学者。断点调试可以帮助你查看代码的执行流程、变量的状态以及潜在的错误。本文将指导你如何在iOS上实现React Native的断点调试。
## 整体流程
为了简单明了地展示整个流程，我们总结了以下表格：
| 步骤 | 操作说明
局域网192.168.1.1登陆不了怎么办?192.168.1.1是一个常用的默认的专用Internet协议地址，许多硬件制造商出厂设置就是用的这个地址。他们将其设置为默认值(出厂设置)，但是用户可以根据自己的喜好利用路由器面板进行更换。下面，我们就来看看192.168.1.1登陆不了的解决方法。家用的宽带装路由器，把网络主线(比如从猫那边来的线)接到WAM接口，别的接口用来接电脑或集线器之类。一
为什么你的数组包含3个项目而不是5个？为什么你的游戏运行缓慢？这些都跟调试有关，调试是开发过程中必不可少的一部分。本文所列举了一些重要的调试功能（当然并不全面）可以帮你用更 “
”
阅读器
为什么你的数组包含3个项目而不是5个？为什么你的游戏运行缓慢？这些都跟调试有关，调试是开发过程中必不可少的一部分。本文所列举了
转载
2024-08-12 20:14:29
30阅读
调试是什么？调试：又称除错，是发现和减少计算机程序或电子仪器设备错误的一个过程。调试的基本步骤1：发现程序错误的存在2：以隔离和消除等方式对错误进行定位3：情定错误产生的原因4：提出纠正错误的解决办法5：对程序错误予以改正，重新测试Debug和Release版本的Debug通常称为调试版本：包含调试信息，所以占的内存比较大，并且不做任何优化，利于程序员进行调试Release为发布版本，进行了各种优
转载
2024-08-16 13:29:27
60阅读
1.设置目录结构创建一个空目录用于存放 React Native 项目，然后在其中创建一个/android子目录，把你现有的 Android 项目拷贝到/android子目录中。2.安装javascript依赖包在项目根目录下创建一个名为package.json的空文本文件，然后填入以下内容：{
"name": "rntestthree",
"version": "0.0.1",
RN实际就是依附在原生平台上，把各种各样的RN组件展示出来。所以RN如果可以访问原生代码的话，可以实现更高的复用性，以及做一些RN做不到的事情，如多线程图片处理、访问数据库等。代码复用：Toast案例 假设公司的安卓通用UI库中已经有一个toast了，我们就不需要再RN中再次实现一次，而是将这个UI库api包装成一个原生模块，给RN调用 原生模块就是一个类，通常需要继承Reac
转载
2024-07-31 19:24:08
49阅读
先说一下我为什么学习RN18年3月29号，随着自己内心的欲望和冲动，任务交接了一下，正式离开一家医疗公司。第二天就入职了这之前已经找好的公司，由于自己对代码浓厚的热情，自己终于也不再带团队。正好有充足的时间去学习和研究技术！公司没有iOS，总监要求后期打算用React Native开发,why? —— no why。是的，是时候去学习React Native 了！技术背景关于RN的背景，相信大家都
转载
2024-01-20 12:41:13
49阅读
# 项目方案：RN Android 如何关闭键盘
## 1. 问题描述
在React Native开发中，有时候我们需要在用户输入完成后关闭键盘，以提升用户体验。在Android平台上，关闭键盘的方法有多种，本方案将介绍一种简单有效的实现方式。
## 2. 解决方案
我们可以通过调用Android原生的方法来关闭键盘。在React Native中，可以通过Native Modules来实现与原
原创
2024-03-08 05:08:00
157阅读
