【ReactNative 第17页

ReactNative 之FlatList使用及踩坑封装总结

在RN中FlatList是一个高性能的列表组件，它是ListView组件的升级版，性能方面有了很大的提升，当然也就建议大家在实现列表功能时使用FlatList,尽量不要使用ListView，更不要使用ScrollView。既然说到FlatList，那就先温习一下它支持的功能。完全跨平台。支持水平布局模式。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线

会写bug的程序媛·2023-08-05 06:26

React Native元素旋转一定的角度

mMeArrowIcon:{fontSize:30,color:'#999',transform:[{rotate:'180deg'}]},参考链接：https://reactnative.cn/docs

徐同保·2023-08-05 05:59

React Native从文本内容尾部截取显示省略号

{userInfo.nickname}参考链接：https://www.reactnative.cn/docs/text#ellipsizemodehttps://chat.xutongbao.top/

徐同保·2023-08-05 05:58

React Native获取手机屏幕宽高（Dimensions）

import{Dimensions}from'react-native'console.log('Dimensions',Dimensions.get('window'))参考链接：https://www.reactnative.cn

徐同保·2023-08-05 05:58

React Native && TypeScript: 四、路由器React Navigation

reactnavigation是社区实现的reactnative界面跳转导航库，也是目前reactnative中最多人使用的路由开源库。

qiuxiaojie·2023-08-05 01:04

React Native 拆包实践6 - Android 启动流程

完成了iOS的拆包之后，接下来看看Android如何按需加载jsbundle，在此之前同样需要先了解reactnative应用在android上的启动流程。

西西的一天·2023-08-04 13:41

ReactNative 打bundle脚本

if[#-eq"1"];thenif[1=="android"];thenReact-nativebundle--entry-fileindex.android.js--bundle-output./android/app/src/main/assets/index.android.bundle--platformandroid--assets-dest./android/app/src/main

able_·2023-08-03 21:13

ReactNative 安装指定版本

因为react-native更新太快，每次react-nativeinit初始化项目的时候，都会安装最新的rn版本，导致之前的一些api不兼容等问题。所以我们需要安装指定版本的rn来初始化项目：$react-nativeinitdemo--version0.39.2以下命令则是用来在初始化的时候显示详情的，比如安装了什么模块，进度如何等等$react-nativeinitdemo--verbose

We_Me·2023-08-03 05:37

ReactNative最新版热更新(实力干货)

这边使用的是微软的codePush根据下面网址作为参考，然后自己配置把踩的坑给填了，记录一下https://github.com/microsoft/react-native-code-push/blob/master/docs/setup-ios.md在RN工程根目录下终端中输入yarnaddreact-native-code-push，目的是为了在node_modules目录下安装react-

代码堆在那_我往哪栈·2023-08-02 23:25

吹一波uni-app

目前可以最火的有以下这几种方式reactnativeFacebook的整合框架大多数公司在使用这套框架，性能比较优

LF_Lufei·2023-08-02 21:01

2020-04-12

移动适配HTTP协议/HTTPSOAuth2GIT·主流的小程序平台·类似⼩小程序的技术Cordova:通过webview渲染，通过插件调⽤用系统服务PWA:ServiceWorker和PushAPIReactNative

玫瑰的lover·2023-08-02 10:53

Flutter 之 Dart语言基础详解上篇

>>>经过了一个星期的ReactNative的学习和了解，感觉还是Flutter的优势会更高一些，而且从学习成本来说感觉做安卓的同学学习flutter会相对低一点，门槛会低很多。

weixin_33989780·2023-08-02 06:35

从零开始的React Native

前端web项目做的比较多，最近捣鼓了一下移动端的开发，因为最先接触的就是react嘛，所以就从reactnative下手，这不看不知道，一看就劝退啊，搭环境是真的麻烦，所以就我个人踩过的坑来记录一下哈哈设备

MuYs·2023-08-02 04:01

Hermes将成React Native默认的JavaScript引擎

近日，ReactNative在官博宣布Hermes成ReactNative默认JavaScript引擎。

涅槃快乐是金·2023-08-02 00:36

React Native 布局详解

在ReactNative(以下简称RN)开发中，RN为我们提供了FlexBox(弹性框)进行布局，FlexBox功能十分强大，它提供了在不同尺寸设备上都能保持一致的布局方式，接下来我将从FlexBox着手详细讲解

Sky#boy·2023-08-01 19:21

Taro3.2 适配 React Native 之运行时架构详解

导读由58前端团队主导的Taro3适配ReactNative工作已完成有一段时间了。目前发布了多个体验版，也将在3月底迎来正式版。

CRMEB定制开发·2023-08-01 19:51

ReactNative WebView组件详解

react-native-webview-plugin插件在开发Android的时候，一般我们会有一些加载网页的需求，或者执行一些JavaScript，我们都知道在Android中实现这个功能的控件是WebView,在ReactNative

弹琴弹琴·2023-08-01 19:50

React Native详解和代码实例

目录一、ReactNative的主要特点二、ReactNative的工作原理三、ReactNative的优缺点四、ReactNative代码示例ReactNative是一个用于构建原生移动应用程序的JavaScript

Web3&Basketball·2023-08-01 19:20

reactnative升级到0.60.0，伴随升级系统和xcode10的坑

以下所有bug发生的情景：从"react":"?","react-native":"^0.55.4",升到"react":"^16.8.6","react-native":"^0.60.0",error1error:bundlingfailed:Error:Multipleconfigurationfilesfound.Pleaseremoveone:-package.json-/Users/rf

慧惠·2023-08-01 09:37

Lottie 动画渲染神器的使用及原理讲解

Bodymovin插件将AE中制作好的动画导出成的json文件(1)数据源多样性—可从assets,sdcard,网络加载动画资源，动态更新(2)跨平台—设计稿导出一份动画描述文件，android,ios,reactnative

蓅哖伊人为谁笑·2023-08-01 02:08

关于RN差量热更新方案实现

前言关于ReactNative热更新，我首先是从网上对比了几个常见方案，然后从中选择较合适的方案实现。RN热更新分为全量热更新和差量热更新。

许久以前·2023-07-29 18:02

在ReactNative中使用umeng统计以及埋点

前言今天在学习reactnative使用友盟添加埋点时候发现视频有些方法过时了，在这里记录下最新方法。

景元合·2023-07-29 09:52

React Native 0.72 版本，带来诸多更新

经过漫长的等待，ReactNative终于迎来了0.72版本，此处版本带来了Metro重要的功能更新、性能优化、开发人员体验的改进以及其他一些重要的变化。

xiangzhihong8·2023-07-29 00:51

React Native项目整合Microsoft CodePush完整指南（Android）

本文使用的环境：[email protected]ReactNative@[email protected]@[email protected]

不是坏人的自来卷·2023-07-28 22:20

react-native-video使用攻略

源码在此仅供参考一、简介react-native-video是一个可以播放视频的组件，它的用法简单，功能完备，是Reactnative项目中很好用的一个Video播放的组件。

淮左明都·2023-07-28 15:38

RN通信机制和渲染流程

前言ReactNative与传统的HybirdApp最大区别就是抛开WebView，使用JSC+原生组件的方式进行渲染，那么整个App启动/渲染流程又是怎样的呢？

浅夏晴空·2023-07-28 14:21

React native 近期Android 无法编译的问题解决

程序包com.facebook.react.bridge不存在在android/build.gradle下添加如下代码：exclusiveContent{//WegetReactNative'sAndroidbinariesexclusivelythroughnpm

Zsama666·2023-07-28 07:53

React native 界面响应慢卡顿的几个优化方向（思路）

Reactnative界面响应慢卡顿的几个解决思路（陆续整理中）最近在项目优化中整理了一些对优化性能有帮助的线索，大家可以参考一下：1.耗时的操作使用Promise异步操作（如果用户界面操作频率很高可能依然会出现标题

Zsama666·2023-07-28 07:22

ReactNative 图片处理属性 resizeMode 说明

使用Image组件时，如果默认不对resizeMode进行设置，那么图片会按照宽高比例中较小的一方显示，长的一方将被裁切掉两端Image的resizeMode属性：resizeModeenum(‘cover’,‘contain’,‘stretch’,‘repeat’,‘center’)如果我们需要将原图完全显示出来可以设置resizeMode=’contain’：图片将按比例缩放按宽和高较长的显示

Zsama666·2023-07-28 07:21

react native图片显示空白不显示的解决方法

reactnative图片显示空白不显示的解决方法常见的原因及解决方法：1.检查js样式中给定的宽高条件和resizeMode可以试试在添加宽高属性同时修改resizeMode='stretch'图片将完全显示出来并拉伸变形铺满整个屏幕

Zsama666·2023-07-28 07:21

全面理解-Flutter（万字长文，【性能优化实战】

从目前行业的产品，以及社区生态来说，ReactNative整体还是胜出Flutter一筹。毕竟早出来几年，市场占有率和行业积累还是在的。

阿里—蚂蚁开发·2023-07-28 06:01

Lottie使用

一、简介Lottie是Airbnb开源的一个动画渲染库，支持多平台，包括iOS、Android、ReactNative以及Web。

骑着蜗牛闯世界666·2023-07-28 02:21

React Native在使用react-navigation，android编译时报错：react-native-gesture-handler:compileReleaseJavaWithJava

错误描述：ReactNative在使用react-navigation时要使用到react-native-gesture-handler，但是在android编译时会报错：react-native-gesture-handler

Volon·2023-07-28 02:25

Flutter 开发初探

jeffzhong·2023-07-27 11:44

Fiutter- 案例1 (主界面)

前言本来想把之前自己的ReactNative的Demo项目拿来变成Flutter版本，但是这几年一直搞Native开发回过头去看RN的项目好多都不明白了，真是开发者的噩梦，接触好多东西不使用的话渐渐地都模糊了

盛世光阴·2023-07-27 09:08

iOS开发涉及的架构&框架

客户端整体架构1独立于App的通用层(时长统计网络请求)2通用业务层(本公司通用的组件等)3中间层(用于解耦)4业务层复杂页面架构一、MVVM框架思想二、ReactNative数据流思想在判定哪个View

红烧大鸡腿·2023-07-26 22:17

RN之处理触摸学习

ReactNative提供了可以处理常见触摸手势（例如点击或滑动）的组件，以及可用于识别更复杂的手势的完整的手势响应系统。显示一个简单的按钮Button是一个简单的跨平台的按钮组件。

一只西西狸·2023-07-26 19:46

Task :app:javaPreCompileDebug FAILED

一,报错内容在打包reactnative项目的时候,报错如下信息,我的项目的react-native版本比较低,是0.62…>Task:app:javaPreCompileDebugFAILEDExecutionfailedfortask

笑道三千·2023-07-26 18:28

ReactNative项目xcode打包运行报错整理

报错一：问题定位Xcode10版本引入创建系统(BuildSystem)Xcode10使用了一个新的创建系统。新创建系统提供了更好的可靠性与创建性能，它可以获取项目配置问题，而legacy创建系统则不能。但是RN打包不了在File>Project/WorkspaceSettings页选择它。为legacy创建系统配置过的项目会在ActivityView显示一个橘黄锤子标签报错二.解决的办法$sud

weixin_30663391·2023-07-26 18:58

React Native项目gradle手动编译

最近在折腾，远程开发ReactNative项目，我想实现在ssh命令行中。在服务器上自动编译RN项目（android），这样就可以使用高速的服务器来编译项目。

ITKEY_·2023-07-26 18:57

使用Taro的chooseImage在安卓端报错（Cannot read property 'openPicker' of undefined）

官方给了一个reactnative的盒子taro-native-shell，接下来的操作就是在这个盒子里。首

柠檬不萌5120·2023-07-26 16:08

Android Studio开发环境

AndroidStudio开发环境ReactNative创建项目需要java开发环境->jdk（只需配置环境变量）gradle（只需配置环境变量）AndroidStudio安装AndroidStudioAndroidStudio

Raccom·2023-07-26 06:18

RN组件及样式

组件在reactnative中没有html标签只能使用组件importReact,{useState}from'react'import{View,Text,Button,StyleSheet}from'react-native

Raccom·2023-07-26 06:18

react native 真机不能调试

偶见reactnative真机不能调试，细查warnning:Debuggeranddevicetimeshaddriftedbymorethan60s.Pleasecorrectthisbyrunningadbshell"datedate

glenlg·2023-07-25 20:27

Unhandled JS Exception: Unexpected identifier ‘_classCallCheck‘. import call expects exactly one arg

reactnative项目运行报错UnhandledJSException:Unexpectedidentifier‘_classCallCheck’.importcallexpectsexactlyoneargument.nostack

永永不止步·2023-07-25 18:25

react native 本地存储 AsyncStorage

Anasynchronous,unencrypted,persistent,key-valuestoragesystemforReactNative.AsyncStorage只能用来储存字符串数据，所以为了去储存

徐同保·2023-07-25 16:29

ReactNative 接入Android项目(win10)

VisualStudioCode提前安装好1.NodeJs安装与环境配置step1:官网下载路径:Download|Node.js完成安装step2:再次点击安装包选如下图注入环境配置step3:打开“我的电脑”，右击“属性”step3:找到电脑安装NodeJs目录新建两个文件夹。（保持与NodeJS相同目录，有的文章建议放在其他磁盘。可实际使用时候出现编译目录异常问题）step4:用户变量和系统

Swer·2023-07-25 16:24

如何使用Java开发iOS应用?

以下是一些可以考虑的选项：ReactNative：ReactNative是Facebook开源的一个跨平台移动应用开发框架，允许你使用JavaScript来开发iOS和Android应用。你可以使用J

玥沐春风·2023-07-24 23:49

ReactNative 定义枚举

ReactNative没有enum定义枚举的方式，只能使用如下方式：importPropTypesfrom'prop-types';constructor(props){super(props);this.state

木鱼_ccbd·2023-07-24 23:39

推荐频道

【ReactNative