注：自2013年Facebook发布以来，React吸引了越来越多的开发者，基于它的衍生技术，如React Native、React Canvas等也层出不穷。InfoQ精心策划“深入浅出React”系列文章，为读者剖析React开发的技术细节。
React最初来自Facebook内部的广告系统项目，项目实施过程中前端开发遇到了巨大挑战，代码变得越来越臃肿且混乱不堪，难以维护。于是痛定思
1.首先补充一下以前的写法 App.js 其他页面，例如：src/pages/creation/index 效果图： 警告：Method 'jumpToIndex' is deprecated.Please upgrade your code to use 'jumpTo' instead. 原因：
转载
2018-07-26 19:35:00
203阅读
2评论
1，自定义路由
众所周知，不管是在原生Android还是iOS，它们都有一个默认的路由路由栈管理类。由于React Native官方没有提供路由管理的组件，所以我们需要使用react-navigation插件提供的Stack.Navigator组件来管理路由。
Stack.Navigator使用的命名路由，所谓命名路由，指的是路由需要先声明然后才能使用。为了方便管理路由页面，我们会将路由放到一个统
原创
2021-08-21 15:32:54
538阅读
此文已由作者王翔授权网易云社区发布。 欢迎访问网易云社区，了解更多网易技术产品运营经验。 使用react-native的时候能够看到不少函数调用式的组件，像LinkIOS用来呼起url请求 actionSheetIOS用来实现ios客户端底部弹起的选择对话框 这些组件的使用方式都大同小异，通过声明一
转载
2018-10-18 09:43:00
235阅读
这是2017年年初开始的公司的项目，对于导航条的要求很高，Android和iOS上必须用一致的UI，按钮位置还有各种颜色都有要求，而且要适应各种奇葩要求。尝试了一下当时React Native自带的导航，完全不符...
转载
2018-11-28 03:14:00
292阅读
2评论
这是2017年年初开始的公司的项目，对于导航条的要求很高，Android和iOS上必须用一致的UI，按钮位置还有各种颜色都有要求，而且要适应各种奇葩要求。尝试了一下当时React Native自带的导航，完全不符...
转载
2018-11-28 03:14:00
248阅读
2评论
本文对于UI组件的封装，主要从两部分介绍：基本视图封装事件处理demo中是封装原生Button组件，记录使用过程及需要注意的问题。一、基本视图封装创建一个ViewManager的子类。实现createViewInstance方法。导出视图的属性设置器：使用@ReactProp(或@ReactPropGroup)注解。把这个视图管理类注册到应用程序包的createViewManagers里。实现Ja
转载
2024-05-04 16:24:00
66阅读
JNI开始本篇的内容之前，首先要讲一下JNI。Java很好，使用的人很多、应用极广，但是Java不是完美的。Java的不足体现在运行速度要比传统的C++慢上许多之外，还有Java无法直接访问到操作系统底层如硬件系统，为此Java提供了JNI来实现对于底层的访问。JNI，Java Native Interface，它是Java的SDK一部分，JNI允许Java代码使用以其他语言编写的代码和代码库，本
转载
2024-05-08 15:33:21
39阅读
简介今天我们来写一个自己的renderer，也就是react的渲染器。开始之前，先来了解一下react的三个核心。react 暴露了几个方法，主要就是定义component，并不包含怎么处理更新的逻辑。renderer 负责处理视图的更新reconciler 16版本之后的react从stack reconciler重写为fiber reconciler，主要作用就是去遍历节点，找出需要更新的节点
转载
2024-05-23 09:41:48
116阅读
一、动态路由 我们通过配置基本路由，可以实现页面间的切换，但是如果在一个页面中有一列表标题，我们点击各个标题，就能进入到此标题所表示的内容页面中，这该如何实现呢，下面就要用到我们的动态路由了，实际效果如下图所示： 首先，我们已经在App根组件中已经配置了主页、新闻、产品三个组件的路由，如下：
一、自定义hooks的意义： （1）将多个组件都要用到的逻辑相同的功能片段，单独封成一个单函函数来使用，这个函数必须以use命名开头，这样react才认识它是自定义hooks函数，还是组件？ （2）自定义函数定位偏向实现功能，而组件偏向于界面和业务逻辑。 （3） React内置的hooks函数解决了函数组件无法使用state，以及传统写法中生命周期函数混乱和this指向的问题，但没有解决组件复用性的提升。 （4） 组件复用的提升是由自定义hooks来体...
原创
2021-06-02 13:56:10
788阅读
名词解释渲染器renderer: 使用React 提供的npm包react-reconciler 可以自定义渲染器renderer，React Native渲染器的npm包为react-native-renderer,github仓库为packages/react-native-renderer。React的渲染器renderer有React DOM、React Native、Ink，用于适配各个
转载
2024-08-14 09:21:55
31阅读
## Android 自定义 Native 服务
在 Android 开发中，有时候我们需要自定义一些服务，以满足特定的需求。特别是当需要与底层系统或者硬件进行交互时，Native 服务就显得尤为重要。本文将介绍如何创建一个简单的 Android 自定义 Native 服务，并提供相关代码示例。
### 什么是 Native 服务？
Native 服务是 Android 应用中的一种服务，它
简述 要实现性别选择需要使用两部分的技术： 第一、是自定义弹出框； 第二、单选框控件使用； 效果 实现 一、配置弹出框 弹出框用的是：react-native-popup-dialog（Git地址：https://github.com/jacklam718/react-native-popup-
原创
2022-01-25 17:45:03
498阅读
简述 要实现微信性别选择需要使用两部分的技术： 第一、是自定义弹出框； 第二、单选框控件使用； 效果 实现 一、配置弹出框 弹出框用的是：react-native-popup-dialog（Git地址：https://github.com/jacklam718/react-native-popup-
原创
2022-02-14 14:36:27
256阅读
任何相对独立、复用性强的逻辑,都可以 extract 为自定义 Hook，自定义 Hook 是一种复用 React 的状态逻辑的函数。
原创
2023-07-03 12:57:33
92阅读
任何相对独立、复用性强的逻辑,都可以 extract 为自定义 Hook，自定义 Hook 是一种复用 React 的状态逻辑的函数。 自定义 Hook 的主要特点是:抽象组件间的状态逻辑,方便复用让功能组件更纯粹,更易于维护自定义 Hook 可以调用其他 Hook为什么要用自定义 Hook?提炼能复用的逻辑 许多组件有相似的状态逻辑,使用自定义 Hook 可以很方便地提取出来复用。解决复杂组件的
原创
2023-07-09 00:46:12
115阅读
wangEditor 在react使用的过程中自定义菜单
原创
2022-07-07 17:27:39
626阅读
