React-Native技术篇第16页

如何采集RN的js异常并上报

React-Native内部已经实现了一套异常处理的流程，fetal和soft的error都会将堆栈信息回调回来我们可以通过hookRN的异常处理的方法，在其中加入自己的业务逻辑，比如：上报异常堆栈信息到服务器或者

jayhe·2023-04-17 07:23

一步步实现一个自适应的react-native拖拽排序

2019.6新增顶部固定功能，可以设置开始连续几个为不可拖动功能，类似今日头条一样，该功能和今日头条拖拽一样，可以去对比一下。ezgif.com-resize.gif2019.3:新增单行拖拽演示，其实这个功能一致，这个拖拽插件本来就是自适应行,有时间会整体优化下ScrollView问题，使控件自带ScrollView功能。one-line.gif2019.2:优化拖拽不移动时自动恢复，现在这个插

mochixuan·2023-04-17 06:08

react-native RCTImage源码初解析（iOS）

简单时序图注：为了便于理解，把RCTImageLoader的几个方法当做独立对象对待了（用方框框出来的是三个RCTImageLoader对象方法）。RCTImage_Sequence_Diagram.jpg本文是基于react-native0.37.0版本进行分析的。RCTImageView1、初始化-(instancetype)initWithBridge:(RCTBridge*)bridgeN

图南狗·2023-04-17 00:52

为什么谷歌、苹果禁止热更新技术，国内却没有？

据了解，苹果不是完全禁止热更新，React-Native热更新机制是允

TuTu6169·2023-04-17 00:36

RN渐变按钮

react-native渐变效果,渐变背景组件封装组件文件importReact,{Component}from'react';import{Text,StyleSheet}from"react-native

demoly·2023-04-17 00:15

react-native 踩坑

1.can'tresolvexxmodel时Loadingdependencygraph,done.error:bundlingfailed:Error:Unabletoresolvemodule`models/import`from`E:\AndroidStudio\myC\kangjiaxin2\src\launch.js`:Module`models/import`doesnotexisti

哎乌勒·2023-04-16 23:17

React Native升级引起的version mi'stmatch

我当前环境：image.png突然报错图：image.png解决办法：在依赖中修改，进行强制依赖compile("com.facebook.react:react-native:0.51.0"){force

ZhaoChong·2023-04-16 15:00

react-native-tencent-im-ui 腾讯云即时通信 IM 服务的react-native，使用原生ui版本得sdk

react-native-tencent-im-ui腾讯云即时通信IM服务的react-native，使用原生ui版本得sdk起因，项目中需要用到基础的im功能（聊天和聊天列表），晚上搜了一圈也没有找到

yuncq6688·2023-04-16 14:00

androidstudio虚拟机运行react-native项目踩坑指南

androidstudio虚拟机运行react-native项目踩坑指南安装JDK安装androidstudio配置环境变量新建虚拟机新建RN项目运行项目本文详细的记录了照react-native官网文档运行项目踩到的所有坑

星海拾遗·2023-04-16 11:45

iOS 原生插入React-Native 页面

/node_modules/react-native/scripts/react_native_pods'require_

程序马·2023-04-16 10:04

React-Native之华为SetSpeed

在RN中一般都会使用react-native-sound来播放音频，在使用react-native-sound播放音频设置播放速度时，在某些华为机型正常设置是无效的，而且会导致播放停止，要在prepare后做如下设置：player.setSpeed(2);player.setSpeed(1);然后再进行正常操作：player.play(callback);player.setSpeed(speed

GL101·2023-04-16 10:58

React-Native环境搭建&项目搭建遇到的坑

1、今天配置完RN的开发环境之后出现一下错误，need-to-insert-img2、然后依据网上给的答案，终端执行$rm-rf/Library/Developer/CommandLineTools$xcode-select--install然后安装xcode-selectneed-to-insert-img只见cpu狂转，那声音，就怕电脑死机，呜呜呜3、终于装完了，重新建第二个项目SecondR

caicai07130·2023-04-16 05:34

已有旧项目集成RN, pod install 报错`React-xxxx (= 0.60.5)` depended upon by `xxxx`

/node_modules/react-native/'pod'React-Core',:path=>'..

lwhldy·2023-04-16 05:34

react-native获取组件位置宽高

react-native获取组件在屏幕中相对位置以及视图宽高引入模块import{UIManager}from'NativeModules';import{findNodeHandle}from'react-native

张大娃创业说·2023-04-16 00:08

React-Native全面屏适配

react-nativereact-native提供了一个SafeAreaView组件可以实现全面屏的适配，但只是针对于IOS端有效，Android端无效。为了实现两平台的统一，我又封装了一个带Header头部导航栏的高级版SafeAreaView，可通过下方命令安装。yarnaddreact-native-zy-safe-area-plus有如下属性可以设置属性默认值说明barStyledark

无穷369·2023-04-15 11:40

react-native 打包流程分析（metro）

从命令的入口react-native/package.json/bin层层深入（fiveminuteslater...）

搞搞前端·2023-04-15 08:54

react-navigation: 安卓左右切换页面/转场并右滑返回

React-Native中我们常用react-navigation来做导航，页面切换是也提供了model和card两种方式。

FansX·2023-04-15 07:28

RN之组件的高度与宽度

importReact,{Component}from'react';import{View}from'react-native';exportdefaultclassFixedDimen

一只西西狸·2023-04-15 05:30

React-native 首个工程使用的三方记录

React-native版本：0.61.2跨平台轮播图react-native-swiper,目前在安卓上运行会报错ViewPageAndroidhasbeenremovedfromreact-native

bugbiu·2023-04-15 01:18

react-native知识点

react-native知识点PureComponent是纯组件即无状态组件,更新state不会触发重新渲染,只有调用两次的props不同才会渲染setState是异步第二个参数接收一个回调如果后面紧跟的也是异步操作的话需要考虑谁先进入异步栈

Vijay_·2023-04-14 22:07

CSS3 Flexbox 口诀

适用于CSS3、React-Native的Flexbox口诀FlexboxflexDirectionflexWrapjustifyContentalignItemsalignContent

Coder_JMicheal·2023-04-14 19:03

flutter 奔溃

为什么在React-Native中发布构建时出现网络错误？

ArtEric·2023-04-14 18:21

RN 学习过程中有待研究的专题

适配ReactNative屏幕适配解决方案react-native屏幕适配

奔跑的杰尼龟zxl·2023-04-14 16:46

React-Native 使用第三方 UI

一、react-native-elements官网：https://reactnativeelements.com/安装。进根目录搞起。npminstallreact-native-elementsnpminstallreact-native-vector-iconsnpminstallreact-native-safe-area-context#使用最新版，可能会版本冲突。如果报错，提示里有可用

游园拾忆·2023-04-14 14:07

react-native android app 制作图标

原文地址:https://dsx2016.com/?p=377➢一些准备工作仅为个人渐变系列图标制作教程简单总结,纯UI小白UI素材:渐变色背景(https://webgradients.com/)小图标(https://www.iconfont.cn/)工具:美图秀秀(自行谷歌)图标工厂(https://icon.wuruihong.com/#)➢下载渐变背景图挑选喜欢的符合app风格的色系下载

IT大师兄吖·2023-04-14 09:48

react-native App名字及图标修改

进入android/app/src/main/res/valuse/strings.xml目录下你的APP名称在android/app/src/main/res目录下的mipmap开头的文件夹就是存放App图标的地方，按照尺寸替换就行PS：这里需要注意，文件夹名称可能是mipmap,也可能是drawable目录示例图ic_launcher_round.png是圆角图标ic_launcher.png

北故城·2023-04-14 07:48

语文教师面试经验总结

二技术篇小学语文老师，现在很多老师都报了辅导班，如果招的人多，你笔试成绩又特别突出那么你的希望很大，如果只招一个，那么辅导班出来的，考

子川vs玄冰·2023-04-14 04:48

react-native 从0.57.4升级到0.61.0之后遇到的一系列问题记录

1.react-native升级到0.61.0，react-native-bottomsheet库报了ERROR:Unabletoresolvedependencyfor':rnspace@debug/compileClasspath':Failedtotransformfile'bottomsheet-1.3.1.aar'tomatchattributes{artifactType=proces

程序猿isMe·2023-04-14 01:06

集成React-Native 到原生项目的那些坑之Native module cannot be null

Nativemodulecannotbenull一般就是linking链接库出问题，检查一下有没有导入少了，RCTLinkingIOS一般是少这个库

爱猫的仙生·2023-04-14 00:29

React-Native Flex布局整理

FlexBox布局整理Flex基本概念在flex容器中默认存在两条轴，水平主轴（mainaxis）和垂直的交叉轴（crossaxis），这是默认的设置，你可以自主改变主轴和交叉轴。在容器中的每个单元块被称为flexitem，每个项目占据的主轴空间为（mainsize），占据的交叉轴的空间称为（crosssize）。flex容器.pngFlex容器属性flex-direction||flex-wra

niklause_sun·2023-04-13 12:55

react-native 的生命周期

前言在面试的时候被偶尔问到了react-native的生命周期的问题，以前确实研究过这个过程，但是时间久了给忘了，一时语噎竟然一个完整的函数名字没说出来，当时恨不得拿出我的电脑看一下这个过程，然后根据自己的思路娓娓道来

mark666·2023-04-13 04:13

react-native TreeView (树视图) 实现

QQ20181023-163722-HD.gifTreeView:/***create:2018-10-23（10:40早）*email:[email protected]*/importReact,{Component}from'react'import{View,FlatList,Platform,LayoutAnimation,UIManager,Animated,Text,Image,Touchab

Nur__·2023-04-13 00:35

开放世界游戏中的大地图的实现——程序技术篇

转自：https://www.gameres.com/304072.html一、程序技术篇：算法和架构（ProgrammingAlgorithms&Architecture）1.无限循环的平铺地图（InfiniteTiling

shawscz·2023-04-12 23:27

开放世界游戏中的大地图背后有哪些实现技术？

http://gulu-dev.com/post/2014-11-16-open-world2014-11-16知乎游戏开发游戏设计开放世界27192一、程序技术篇：算法和架构（ProgrammingAlgorithms

pizi0475·2023-04-12 22:54

#1 使用 'createStackNavigator'

screens/LoginScreen.jsimportReact,{PureComponent}from'react';import{View,Text,StyleSheet,Button}from'react-native

JamesSawyer·2023-04-12 09:26

React-Native学习(一)环境搭建以及HelloWorld

1.https://reactnative.cn/docs/0.40/getting-started.html#content,按照这个环境来搭建RN所需要的环境2.环境搭建好之后在cmd命令行执行react-nativeinitAwesomeProject来创建项目,命令行执行完成后此时会在C:\Users\admin文件下看到你的项目文件夹3.cdAwesomeProject,cd到项目的根目

digtal_·2023-04-12 06:18

react中虚拟dom的diff算法

前言react通过虚拟dom极大的提高了性能，同时使react-native开发原生app成为可能，今天学习中简单的和大家分享一下react渲染页面过程，以及虚拟dom的diff算法。

景元合·2023-04-12 05:01

react-native 项目基础结构剖析

前言在一个react-native项目中，由于项目同时支持iOS和Android，所以我们会看到完整的Android和iOS的项目结构react-native文件结构首先我们来新建一个react-native

_一叶孤帆·2023-04-12 04:49

React-native 更改字体设置不跟随系统字体变化属性(全局)

在程序入口的class中添加默认属性更改屏幕快照2017-06-05上午11.15.45.png首先入口文件引入import{Text}from'react-native'其次设置Text的属性本属性只能控制字体大小不跟随系统的变化

CaoJelly·2023-04-12 01:40

react-native 安卓完全沉浸式状态栏实现（标签导航）

react-native安卓简单沉浸式状态栏实现使用的导航是react-navigation这篇教程包含一些准备工作，也就是了解StatusBar组件的相关属性与方法。

吴敬悦·2023-04-11 23:58

Java技术篇！java反转链表递归

对于面试大厂的朋友，一些建议阿里阿里面试官一般都是P7/P8岗，对标到普通互联网公司相当于就是技术专家那种类型！他们对于没有经验的毕业生面试问的比较浅一点，大多数问题问的集合、锁、JVM调优，线程池、spring方面也会问源码、然后是分库分表、mysql、redis都会问点，而1—3年工作经验的，70%看项目还是从实战项目来问，一般会问的比较深，想去阿里的朋友要做好准备，如秒杀系统项目一定准备好，

胖嘟嘟的程序员·2023-04-11 20:50

React-Native(2)

组件生命周期函数1.组件实例化阶段defaultProps:设置组件的初始值，例如color,width等，可以通过this.props获取相应的值constructor（props）:这里通过this.props可以获取defaultProps设置的默认属性值，同时这里用于初始化控件的可变化的变量，通过this.state设置变量的初始值，通过this.setState()函数修改变量的值，调用

Guow110·2023-04-11 18:20

react-native ：Text文本过长时，最右边文字部分不显示的问题。

react-native：Text文本过长时，最右边文字部分不显示的问题。

sunny635533·2023-04-11 18:25

react-native 提示用户 notification in app

toasthttps://github.com/rilyu/teaset/blob/master/docs/cn/Toast.mdreact-native-flash-messagehttps://github.com/lucasferreira/react-native-flash-messageReact-Native-SnackBar-Componenthttps://github.com/

日不落000·2023-04-11 15:31

大型CAx(CAD/CAE/CAM)工业软件开发中的关键组件

壹、技术篇通过对FreeCAD、SALOME等多款代码的分析研究，发现这些软件在架构设计、模块实现等方面，存在许多相似(同)的技术思想。因此，有必要对这些共性、主流的技术予以总结分析。

JiNan.YouQuan.Soft·2023-04-11 09:04

react-native 开发记录一些愚蠢的致命的错误

`文章创建于2018-06-10有些问题的决解方案来源于网络，相关问题标题已链接到原文地址，点击️查看原文坑一：UnhandledJSException:Cannotreadproperty'length'ofundefinedimage.pngimage.png因为在默认状态下返回了错误的结果所以导致Notice的属性值一开始就没有，快看图一目了然有没有image.png坑二：版本不对项目pac

简书Boss·2023-04-10 18:41

网络获取上啦刷新下拉加载

importReact,{Component}from"react";import{StyleSheet,Text,View,Image}from"react-native";importRefreshListView

理想三旬_d066·2023-04-10 16:32

我对React Native android插件开发的简单认识

Library3在androidLibrary中的根目录下打开build.gradle文件在dependencies节点下添加引入RN所需要的依赖包.compile"com.facebook.react:react-native

小乐子不爱吃肉·2023-04-10 04:00

ReactNative fetch源码分析

原生分析的是安卓端核心代码//react-native/vendor/core/wehatwg-fetch.jsself.fetch=function(input,init){returnnewPromise

LaxusJ·2023-04-10 03:27

Flutter 组件渲染模式详解

目前诸如React-Native，UniApp，Weex等框架实际上时在原生UI基础上做了一层抽象映射，试图抹平不同平台的差异。

岛上码农·2023-04-09 23:36

推荐频道

React-Native技术篇