React-native 第21页

Flutter 调研

背景当前我们公司客户端开发，包含三种常用技术，iOSnative、Androidnative、React-Native，在长时间的使用中发现，React-Native的UI统一性不够，深度开发严重依赖native

Eafy·2023-02-01 11:27

DeviceEventEmitter的使用

kim_xx·2023-02-01 11:20

react-native android无法打开Dev Setting，无法加载jsserver中的jsbundle

困扰良久的问题，主要表现形式为：无法正常加载jsserver中的bundle，必须使用react-nativebundle--platformandroid--devfalse--entry-fileindex.js--bundle-outputandroid/app/src/main/assets/index.android.bundle--assets-destandroid/app/src/

若水三千瓢·2023-01-31 16:53

react-native中插入表格的几种方法

一、用和map遍历循环得到表格实例代码：效果图：comInformation是有几个对象组成的动态数组，数组中的元素增加或减少，表格内容也会跟着增加或减少二、用reactnative的自带组件FlatList（https://reactnative.cn/docs/flatlist/）示例代码：具体API可以参考上述链接中的官网文档效果图中间分割白线的实现方法，我这里的白线是一张调了透明度的白线的

淅沥淅沥豆·2023-01-31 12:10

flutter开发系列（搭建基础的flutter环境）

不管是安卓和iOS的原生开发、还是所谓的套壳开发，还有近几年比较火的react-native以及uni-app。从开发效率和用户体验上综合考虑，都各有利弊。

爱踢球的jerry·2023-01-31 11:25

React-native 安装echarts

效果图.png以上就是集成完成的效果图。在没成功之前，集成就展示了一些莫名的html代码、1.问题解决，参考文章问题：image.png参考文章感谢小伙伴github链接地址native-charts集成步骤1：安装npminstallnative-echarts--save或者yarnaddnative-echarts步骤2：yarnaddreact-native-webviewreact-na

蒲小帅丶·2023-01-31 10:20

react-native ScrollView的吸顶效果

一、基本布局WechatIMG3.jpeg二、实现this._onScroll(e)}refreshControl={}>map循环数据列表。。。js滚动监听事件_onScroll=(e)=>{const{topHeader}=this.state;const{getListApi,pageNo,count}=this.props.platformStore;let{contentOffset,c

冬天73051·2023-01-31 03:35

Native module cannot be null

初入react-native的同学大多遇见过这个头疼的问题，一旦出现这个问题就会出现可怕的红屏。

小小旭·2023-01-30 14:26

react-native 学习笔记（一）

搭建react-native环境参考学习网站ReactNative中文网第一节reactnative环境搭建起来后，创建0.55.4项目，注意项目名要小写英文字符//创建命令react-nativeinitmybook

null_2562·2023-01-30 14:15

React-Native之链接原生库

随着ReactNative发布的所有库都在仓库中的Libraries文件夹下。其中有一些是纯Javascript代码，你只需要去require它们就可以使用了。另外有一些库基于一些原生代码实现，你必须把这些文件添加到你的应用，否则应用会在你使用这些库的时候产生报错。比如：从github上面clone一个ReactNative项目，在运行的项目的时候发现RCTBundleURLProvider.hf

沃尔德·2023-01-30 13:24

react-native与webview的通信

依据在webview内部的网页中调用window.postMessage方法时可以触发此属性对应的函数，从而实现网页和RN之间的数据交换。设置此属性的同时会在webview中注入一个postMessage的全局函数并覆盖可能已经存在的同名实现。网页端的window.postMessage只发送一个参数data，此参数封装在RN端的event对象中，即event.nativeEvent.data。d

砂轮的小贱贱·2023-01-30 05:12

react-native 父组件调用子组件的方法

子组件componentDidMount(){this.props.oneRef(this);}_showModal=()=>{this.setState({isVisible:true})}父组件oneRef=(ref)=>{this.waitAudit=ref}{that.waitAudit&&that.waitAudit._showModal()}}>

程序马·2023-01-29 21:34

React Native 传值方式

界面与界面之间的传值事件监听（通知）import{DeviceEventEmitter}from'react-native';componentDidMount(){this.event=DeviceEventEmitter.addListener

风中尘埃飘过·2023-01-29 14:04

Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes e...

ViewPropTypeshasbeenremovedfromReactNative.MigratetoViewPropTypesexportedfrom'deprecated-react-native-prop-types'.,jsengine:hermes解决方法：在node_moduels/react-native

sunny635533·2023-01-29 06:30

React-Native 搭建框架(一) Navicator

一.创建工程npmnrxusetaobaoreact-nativeinitproject二.项目结构项目结构三.导入react-native-vector-iconsyarnaddreact-native-vector-iconscdiospodinstallcd../下载icon和配置文件1.创建resources/font文件夹fonts2.将下载的配置文件:文件夹fonts和selectio

欧大_ea22·2023-01-28 21:58

config.h找不到

/node_modules/react-native/third-party/glog-0.3.4&&../../scripts/ios-configure-glog.sh

小和尚nn·2023-01-28 16:01

【RN】跑马灯组件实例

importReact,{Component}from'react';import{View,Text,Image,TouchableOpacity,StyleSheet,Animated}from'react-native

一颗语法糖·2023-01-28 05:55

rn处理文本输入

importReact,{Component}from'react';import{AppRegistry,Text,TextInput,View}from'react-native';exportdefaultclassPizzaTranslatorextendsComponent

丶Honour·2023-01-27 21:47

已有react-native项目转换成iOS原生cocoapods集成的一些坑

前言在工作中遇到一个需求,用原生集成多个react-native项目,关键是react-native项目还在开发,再新建一个原生项目来集成的话又比较麻烦,所以在react-native项目的基础上改成用

fightinghawk·2023-01-27 19:53

react-native在web中的应用

如果你跟我一样是从APP开发转的react-native，没有写过html的经验，但是想把你的项目在web上运行,或者有一些html的需求,比如分享APP的某个页面，那么这个库react-native-web

MasterPaul·2023-01-27 19:53

React-Native 服务启动过程

启动React-Native服务执行react-nativeinitAwsomeProject会初始化一个名为AwsomeProject的RNDemo，编译运行就会自动启动一个服务。

zimo·2023-01-27 19:43

react-native-video集成与横屏处理

这篇文章主要跟大家分享一个视频播放的react-native的工具，以及不是使用Orientation库，进行控制视频播放效果如下：[链接](https://s23.aconvert.com/convert

一天清晨·2023-01-27 17:39

Android集成ReactNative(0.61.5)

如果对react-native还不了解的同学,可以参考rea

飞奔在路上·2023-01-27 17:03

2019-05-08 m站代码

native项目和react-native的区别native项目属于前端，运行于各种浏览器和webview中，react-native是基于react技术的封装，通过jsbridge运行于ios和Android

小丁123·2023-01-27 14:51

Xcode 升级12.5 (12E262) ReactNative 运行iOS报错解决

/node_modules/react-native/React/CxxBridge/RCTCxxBridge.mm","_initializeModules:(NSA

你坤儿姐·2023-01-27 02:53

RN笔记

1、点击空白处收起键盘，在组件最外层加上即可2、使用阿里的提示插件，@ant-design/react-native在外层加上,否则提示框不出现3、不使用button组件，在安卓、iOS样式差距巨大，使用

三点水老木头·2023-01-26 15:18

react-native 画笔（写字板、手写板）--1

参考链接：https://www.jianshu.com/p/504c639063b3前提：集成好react-native-svg以上链接博主大佬用的是ART绘画系统，受此启发我就使用SVG画图了，因为项目里面还有其他操作，例如箭头、圆圈、矩形等类似电脑截图后编辑操作，而ART用法个人不是很熟悉，所以采用SVG，SVG不是很熟悉的可以看一下我之前写的这篇https://www.jianshu.co

物联白菜·2023-01-26 14:33

如何封装React-Native的Modal

React-Native中的Modal组件可以用来覆盖包含ReactNative根视图的原生视图，是RN经常需要用到的一个组件，其使用的方式却很难受。

cloudZqy·2023-01-26 13:49

React-Native基础，布局之Flex

Flex是React-Native中重要的布局手段之一。在组件样式中使用flex可以使其在可利用的空间中动态地扩张或收缩。一般而言我们会使用flex:1来指定某个组件扩张以撑满所有剩余的空间。

堇之·2023-01-26 12:42

运行项目报错Error while generating the main dex list.

api"com.facebook.react:react-native:+"于是我按照去重的方法api("com.facebook.react:react-native:+"){

咸鱼Jay·2023-01-26 11:57

Cocoapods 引用React-native库-Unable to find a specification for `React-Core` depended

分享一个小问题，pod引用RN库的报错原生经常会引用一些RN库，很多第三方的RN库，多多少少在引用的时候会出现一些问题，这些小问题要记录下来，下次遇到，最近工程开发，又增加了几个RN的第三方库在npm文件夹下面，package.json中添加库[email protected]进行npminstall去工程podfile中添加引用[email protected]进行podinstall出现了报

代码记忆TPM·2023-01-26 11:14

React Native 报错提示node 版本过高

nodenode_modules/react-native/local-cli/cli.jsstarterrorInvalidregularexpression:/(.

悟空_大师兄_·2023-01-26 02:38

rn iOS模拟器无法连接问题 __nw_connection_get_connected_socket_block_invoke Connection has no connected ha...

https://github.com/facebook/react-native/issues/10027解决方案，亲测可用：OS_ACTIVITY_MODE@HADBproposed:OpenXcode.OpenProductmenu.SelectEditScheme

YH的练手记·2023-01-26 01:06

ReactNative与iOS通信原理解析-通信篇

文章首发个人博客:ReactNative与iOS通信原理解析-通信篇导语：其实原本是想编写一篇react-native(下文简称rn)在iOS中如何实现jsbridge的文章;相信看过官方文档的同学都清楚

barnett_y·2023-01-18 07:13

TypeError: cli.init is not a function 问题解决

二、解决办法产生这个问题的原因是：使用这种方式创建工程，在react-native版本是0.69版本上不适用。各位可以检查下自己安装的React-nat

咖啡老师·2023-01-17 13:52

react-native只保留3x图原理解析

3.1资源上传3.2资源下载4.结论引言我们的react-native项目中，一张图片一般会存在1x,1.5x,2x,3x几种尺寸（1.5x是android特有的），以便在不同屏幕尺寸的手机加载对应尺寸的图片

·2023-01-17 08:56

react native图片解析流程详解

正文我们知道，在react-native中加载一张图片需要使用Image组件，其有两种使用方式importbgfrom'./bg.pn

·2023-01-17 08:56

electron html5,使用React、Electron、Dva、Webpack、Node.js、Websocket快速构建跨平台应用...

目前Electron在github上面的star量已经快要跟React-native一样多了这里吐槽下，webpack感觉每周都在偷偷更新，很糟心啊，还有Angular更新到了8,Vue马上又要出正式新版本了

尹昉·2023-01-16 08:20

使用React、Webpack、Node.js、Websocket、Electron、Dva快速构建跨平台应用

目前Electron在github上面的star量已经快要跟React-native一样多了。

油墨香^_^·2023-01-16 08:17

react滑动切换tab动画效果_react-native动态切换tab组件的方法

在APP中免不了要使用tab组件,有的是tab切换,也有的是tab分类切换.这些组件分成下面两种.第一种非常简单,同时大多数第三方组件都能达到效果.这里重点讲述第二种,我们要让第二种组件不仅能左右滑动,同时还能够在点击的时候自动滑动,将点击的位置滑动到正中间.准备我们先来分析一波.一个滑动组件在APP上是一种什么状态.这里可以看出,tab组件需要考虑到长度超过APP的屏幕,并且在超过之后能够滑动.

一璇·2023-01-15 20:05

【React-Native】基于react-native-echarts-pro图表库的地图展示

文档库地址【点此访问】由于业务需要展示世界地图，并且对地图数据进行操作；前期选用native-echarts，但是该组件有四个问题：1.长期不维护；2.需依赖一个tpl.html文件，不方便使用；3.echarts版本较老；4.没有自带的地图功能；故有了react-native-echarts-pro的诞生，本组件优点如下：使用最新的echarts5.0版本（2020年12月2日发布，更多版本可以

冯一朔·2023-01-15 20:35

React 中使用 react-i18next 国际化的过程(react-i18next 的基本用法)

官方地址：i18next|react-i18next简介react-i18next是基于i18next的一款强大的国际化框架，可以用于react和react-native应用；react-i18

·2023-01-08 08:09

react-native 中IOS端包含中文字符、特殊字符的下载链接不能下载问题解决

letvideoUrl=encodeURL(url)参考链接：https://stackoverflow.com/questions/53677395/react-native-unsupported-url-ioshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI图片

物联白菜·2023-01-06 11:06

react-native Android 12 ScrollView 和 WebView一起用时滚动到顶部和底部会崩溃

因为项目里面有需要到用ScrollView包着多个WebView，但是在Android12上跑的时候滚动到最顶部或最底部时会闪退。这是系统版本兼容问题。解决办法：在ScrollView添加属性:overScrollMode="never"按照自己的项目开发版本，可能有些还需要再添加一个属性到ScrollView标签里面removeClippedSubviews={true}翻看react-nati

物联白菜·2022-12-31 11:51

Android Studio配置React Native环境

InstallingChocolatey2、安装Python2Cmd.exe中使用choco安装Python23、安装NodeCmd.exe中使用choco安装Node4、安装Yarn5、测试安装环境在当前环境下新建一个React-Native

爱吃烧鸡大肘子的肉肉酱·2022-12-27 18:46

跨端开发如何实现降本增效？

此前市面上主流跨端方案有以下3种：1、以Web为基础的H5Hybrid方案2、React-Native/Weex类方案3、Flutter如此迅猛的应用发展背景下，跨端开发方案中又新添一种性价比高的技术方案

火爆的茶壶·2022-12-27 05:27

将工具提示添加到React-Native图表

Addingatooltiptoachartsoundslikeasmalltask,andindeeditis,butwithsomeworkaroundsaseventhemostpopularchartlibrariesinreact-nativedon'tdirectlymentionitintheirdocumentation.向图表添加工具提示听起来像是一项艰巨的任务，的确如此，但是有

weixin_26750481·2022-12-24 10:10

React-Native 使用第三方 UI

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

游园拾忆 ✉·2022-12-24 10:37

react-native中的toast提示框

把这里面的两个文件放进去（Toast）Toast.js//Toast.js'usestrict';importReact,{Component}from'react';import{View}from'react-native

Anita-Sun·2022-12-24 10:07

React-Native组件,JSX,Props属性，state状态

认识ReactnactiveimportReactfrom'react';//ReactNactive核心组件的引入方式import{View,Text,Image,ScrollView,TextInput}from'reactive-nactive';constApp=()=>{return(SomeText);}exportdefaultApp;React基础：importReactfrom'

Q哥007·2022-12-23 06:05

推荐频道

React-native