前言在平时H5或者RN开发时，我们业务场景中大部分都不是单页面的需求，那这时我们就能使用路由在进行多页面的切换。下面会对比一下react路由和RN路由的本质区别和使用方法。路由（routing）是指分组从源到目的地时，决定端到端路径的网络范围的进程React路由简介使用React构建的单页面应用，要想实现页面间的跳转，首先想到的就是使用路由。在React中，常用的有两个包可以实现这个需求，那就是r
文章目录IOS环境1、安装依赖NodeWatchmanXcodeCocoaPods2、创建项目3、调试项目Android环境1、下载 java82、下载Android Studio3、进入后开始下载Android SDK、工具、模拟器4、配置 ANDROID_HOME 环境变量5、安装模拟器6、运行项目7、创建项目8、调试项目问题记录 IOS环境1、安装依赖Node、Watchman、Xcode
简要介绍什么是 ReactNative？React Native （以下简称 RN）是 Facebook 研发并开源的应用框架，由 React 和应用平台的原生功能组成。RN 的主要编程语言是 （以下简称 JS），所以可以使用后端强⼤的 Web 方式管理，做到既能⾼效开发，又可以实现快速部署和热修复。RN 的优缺点优点：容易上手: RN 入门较轻松，只要有一门面向对象语言的基础
一、前言axios的封装与api接口的统一管理，其主要目的就是在帮助我们简化代码和利于后期的维护更新。在Vue项目中，和后台交互数据这块，我们通常使用的是axios库，所谓axios它是基于promise的http库，可运行在浏览器端和node.js中。它有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resour
拆解需求 1. RN使用 2. 播放器最终实现的播放器功能：可以提供给RN使用，不带边缓存边播放功能的播放器。1. RN使用实现以组件的形式提供给RN使用，至于组件和native如何交互，主要通过重写RN的ViewGroupManager<T>实现。泛型传入的就是RN组件包装的native内部实现的播放器的view（player view）。RN组件向native通信：重写receiv
导语: 其实原本是想编写一篇 react-native (下文简称 rn) 在 iOS 中如何实现 jsbridge 的文章;相信看过官方文档的同学都清楚 rn 和 iOS 通信使用了一个叫RCTBridgeModule的模块去实现。但是不知怎么呢？为了查阅其通信的原理，编写了一篇ReactNative 与 iOS 原生通信原理解析-初始化; 由于篇幅过长，我们还未讲解 JS 代码的加载和执行；下
转载
2023-08-22 20:22:03
204阅读
# 安卓 RN 中使用 Axios 进行网络请求和错误处理
作为一名经验丰富的开发者，我会教你如何在安卓 RN 中使用 Axios 进行网络请求和错误处理。在开始之前，让我们先了解整个过程的流程。
## 过程流程
下面的表格展示了使用 Axios 进行网络请求和错误处理的步骤：
| 步骤 | 描述
## 如何在React Native中设置axios的超时时间
### 介绍
在React Native开发过程中，我们经常会使用axios来进行网络请求。设置超时时间是一个常见需求，可以避免请求时间过长导致用户体验不佳。本文将向您展示如何在React Native中设置axios的超时时间。
### 流程
下面是实现“RN axios设置超时时间”的步骤，您可以参考以下表格：
```mer
好多同学询问孟德尔随机化的问题，我再来尝试着梳理一遍，希望对大家有所帮助，首先看下图1分钟，盯着看将下图印在脑海中：上图是工具变量（不知道工具变量请翻之前的文章）的模式图，明确一个点：我们做孟德尔的时候感兴趣的是x和y的关系，也就是小b，但是我们直接去跑x对y的回归肯定是不对的，因为有很多的U，因此我们借助工具变量G（关于工具变量我们之前的文章有详细的解释，请自行查阅），去估计我们感兴趣的小b。现
转载
2023-08-02 00:52:05
86阅读
npm install @react-navigation/drawer官方文档import React from 'react';import { View, Text, Button } from 'react-n
原创
2022-07-06 16:47:06
366阅读
RN实际就是依附在原生平台上，把各种各样的RN组件展示出来。所以RN如果可以访问原生代码的话，可以实现更高的复用性，以及做一些RN做不到的事情，如多线程图片处理、访问数据库等。代码复用：Toast案例 假设公司的安卓通用UI库中已经有一个toast了，我们就不需要再RN中再次实现一次，而是将这个UI库api包装成一个原生模块，给RN调用 原生模块就是一个类，通常需要继承Reac
前言##最近在做React Native开发的时候避免不了的需要原生模块和JS之间进行交互，其实RN和原生的通信大致分为两种情况；一种是Android主动向RN端发送事件和数据，另外一种是RN端被动向Android询问获取事件和数据，接下来的几篇文章将向大家分享原生模块向JS交互的几种方式。1、发送事件的方式2、callback方式3、Promise方式由于篇幅原因本文只对发送事件的方式进行详细介
iphone投到mac上 Macs and iPhones (iPads too) come with a fantastic Reminders app that automatically syncs through iCloud. Here’s how to make the most of this app so you’re never likely to forg
好久没来了，转篇网文，记录下PCB封装的一点东东。。。
好久没来了，转篇网文，记录下PCB封装的一点东东。。。电阻： AXIAL0.3-AXIAL0.7 其中0.4-0.7指电阻的长度，一般用AXIAL0.4 瓷片电容：RAD0.1-RAD0.3。 其中0.1-0.3指电容大小，一般用RAD0.1 电解电容：RB.1/.2-RB.4/.8 其中.1/.2
转载
2023-07-28 21:25:31
53阅读
说明RN需要一个JS的运行环境， 在IOS上直接使用内置的javascriptcore， 在Android 则使用webkit.org官方开源的jsc.so。 此外还集成了其他开源组件，如fresco图片组件，okhttp网络组件等。RN 会把应用的JS代码（包括依赖的framework）编译成一个js文件（一般命名为index.android.bundle), , RN的整体框架目标就是为了解释
转载
2023-07-07 15:33:11
300阅读
1. ListView dataSource
介绍：
ListView需要指定数据的来源。传入数据必须是数组，或者是字典里面嵌套数组
系统会根据你传入的数据自动生成section和row
每一个字典的key会被ListView拆分成一个section（小节，这里的section和原生的一样），如果你不指定sectionId，则key就是sectionId
如何使用。
在构造函数中指定ListVi
转载
2018-07-20 10:16:00
60阅读
2评论
1、React-native的style上一篇文章，我们应该已经对跨平台有了一定的概念，但这里其实有一个问题并没有解决，就是其实在ios和安卓上的样式是有差异的，那么我们的Rn就需要去抹平这种差异化，rn中采用的是css-in-js，使用Flexbox,能确保在不同屏幕下一致的布局。我们在js中写的style对象，在native中将由单独的一个线程去处理，就官网叫做影子线程（Shadow thre
转载
2023-09-11 20:28:07
447阅读
最近在要把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
208阅读
你有没有遇到上传github仓库的图片，显示不出来的情况，或者是仓库的README.md文件，插入的图片总是莫名其妙的无法显示，而且重新编辑也没什么卵用。于是我们可以使用chrome或是edge浏览器,F12打开开发者工具，你会发现获取图片报错的提示：Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID经过查阅了解的资料，综合起来，出
基于 Android 图解 ReactNative 原理，深度好文。(编写中...)目录：RN 的优点和缺陷RN 的启动流程Java、Js 的调用流程 1. RN 的优点和缺陷优点：最大的优点是合理简单不具备黑科技的热更新能力和媲美 Native 般的 UI 体验；对比原生开发更为灵活，对比 H5 体验更为高效；多个版本迭代后的今天，它已经拥有了丰富的第三方插件支持。缺点：底
