React-Native

React-Native 项目修改默认端口号

进入项目目录的/MyReact/node_modules/react-native/local-cli/server文件夹下找到“server.js”文件打开后搜索8081然后改为8082或其他修改iOS
跃文·2023-12-04 17:02

react-native技术难点与亮点

记录在数字化矿山react-nativeApp项目上所使用的知识点文章目录1，宽度自适应表格实现2，新建作业手势动画3，tabBar中间midTabBar动态展示4，堆料图实现5，语音识别实现6，待办事项上下滑动切换页面7，装料卸料手势冲突8，首页初始化性能9，使用高德地图的地图覆盖物功能10，复杂表格的交互绘制1，宽度自适应表格实现分析：1,需要内容宽度上自适应，高度上可分页滑动。2,标题栏宽度
流星雨在线·2023-12-04 13:34

react-native(五)select下拉框组件及动画效果

动画效果分四步使用组合动画需要注意要创建多个newAnimated.Value(0)1、导入Animated2、创建动画组件Animated.ImageAnimated.ScrollViewAnimated.TextAnimated.View3、创建动画方法Animated.timing(startvalues[index],{toValue:1,duration:300}).start()4、触
风痕依旧·2023-12-04 09:18

react-native实践日记--4.react-native Android回退键，再按一次退出应用

react-native开发AndroidApp，实现回退键返回上一个页面，直至没有历史页面，提示“再按一次退出应用”首先引入相关api，BackHandler用于监听安卓设备上的后退按钮事件，设置firstTime
戴花环的蜗牛·2023-12-04 04:44

React-Native设置opacity 会导致子视图继承该属性

在给view设置opacity时，view上的子视图同时会继承opacity属性，导致出现一些问题。解决方案使用#RRGGBBAA或者rgba(xx,xx,xx,xx)这种格式来设置颜色值的透明度，而不是使用opacity属性。比如：使用rgba(255,255,255,0)此时为透明色，rgba(255,255,255,1)则为白色为何会出现这种情况，得从opacity属性和alpha通道来讲。
_海角_·2023-12-04 00:01

react-native实践日记--6.ReactNative 项目版本升级，0.61到0.72升级的问题记录（二）

接上一篇，ReactNative项目升级，0.61到0.72的升级问题。在升级过程中，发现react-native-scrollable-tab-view这个tab插件，这是一个tab导航栏插件，可以实现切换页面、页面滚动、下拉刷新、上拉加载更多等，功能还是很强大的，只是官方的版本已经很久没更新了，无法兼容[email protected]，但一时又找不到更好的插件代替，只能先试着改下源码兼容下新
戴花环的蜗牛·2023-12-03 09:13

react-native实践日记--5.ReactNative 项目版本升级，0.61到0.72升级的问题记录（一）

ReactNative的版本迭代太频繁，官方说的是ReactNative原则上每月发布一个新版本，且目前基本是向前不兼容的，导致项目升级很困难，各种依赖插件问题多多，下面是记录的升级中遇到的主要几个印象深刻的问题。升级：[email protected]到[email protected]、react-navigation4.x到react-navigation6.x、react16到re
戴花环的蜗牛·2023-12-03 09:42

react-native GPS、高德、百度坐标系转换

参考来自https://blog.csdn.net/qq_35125764/article/details/106647261验证转换数据是否正确：http://old.openluat.com/GPS-Offset.html新建GPS.js(直接复制即可，不用修改什么)//地图坐标系转换varGPS={PI:3.14159265358979324,x_pi:3.14159265358979324
物联白菜·2023-12-02 02:26

React-Native ListView拖拽交换Item

https://blog.csdn.net/w337198302/article/details/53374506
米奇小林·2023-12-01 18:58

mac搭建react-native开发环境记录

首先安装Homebrew什么是Homebrew呢？HomebrewistheeasiestandmostflexiblewaytoinstalltheUNIXtoolsAppledidn’tincludewithOSX.官方的解释非常明了，Homebrew是一个包管理器，用于在Mac上安装一些OSX没有的UNIX工具（比如著名的wget），能在Mac中方便的安装软件或者卸载软件，可以说Homebr
可口码农·2023-11-28 08:25

React Native for Arcgis 地图开发 聚合图Cluster （十一）

ClusterLayerCtrl聚合图层调用封装importReact,{useEffect,useState}from'react';import{ScrollView,StyleSheet,Text,View}from'react-native
haibalai·2023-11-27 09:58

react-native-splash-screen 解决react-native白屏

改变如果你项目的ReactNative>=0.47.请使用v3.+,如果getPackages(){returnArrays.asList(newMainReactPackage(),newSplashScreenReactPackage()//添加这一句);}};@OverridepublicReactNativeHostgetReactNativeHost(){returnmReactNati
俗人彭jin·2023-11-26 08:13

Flutter、React-Native、Android原生

1、基本比较image.png2、性能比较image.png3、总结1124718-108e51b814f3733b.png4、结尾材料收集于网络，用于个人学习。
眼中有码·2023-11-26 05:05

FLutter父子组件通信

2019独角兽企业重金招聘Python工程师标准>>>本文介绍flutter父子组件数据传递和回调.还是以之前的代码为例Flutter_DayByDay由于之前用React-Native写项目,顺便对比一下
weixin_33811539·2023-11-24 02:09

react-native错误集锦

1.错误：Couldnotconnecttodevelopmentserver报错原因：没有输入正确的ip和服务器端口号解决办法：输入正确ip（你的ip加上:8081）2.错误：运行结果和上次程序的运行结果一致原因：没有保存新代码或者修改index.js里面的文件解决办法：保存新代码并检查index.js里面的项目名称代码3.错误：运行adbconnect127.0.0.1:62001时报错原因：
7dbf5fde7574·2023-11-24 01:36

【转】使用模拟器调试react-native步骤（安卓机）

https://www.cnblogs.com/zhangzonghua/p/react-native.html
给我把胡萝卜切成肉丁·2023-11-23 17:43

react-native首次编译报错Could not read path '硬盘:\项目目录\项目名\android\app\build\generated\not_namespac d_r_...

1.确保开发环境正确搭建且项目依赖安装完成2.进入项目所在目录执行cdandroid&&gradlewclean然后执行cd..&&react-nativerun-android即可
xinqilela·2023-11-23 01:35

在 react-native 中 style 样式和弹性布局

参考官网一、在组件中使用style样式importReactfrom'react';import{View,Text,StyleSheet}from'react-native';constApp=()=
暴躁程序员·2023-11-22 16:43

typescript学习之路(一) —— 简介以及准备工作

很久之前就听说过ts，但是一直没有系统学习过，只是大概看了下ts官网，觉得用不上，但是现在不一样了，vue，angular，react-native都已经开始全面拥抱ts了，在不学就跟不上时代了，so，
北极那企鹅丶·2023-11-22 02:06

React Native之高度与宽度

我们可以给组件指定宽高，代码如下：importReact,{Component}from'react'import{StyleSheet,View,}from'react-native'exportdefaultclassLotsOfStylesextendsComponent
谢尔顿·2023-11-21 15:19

RN集成到现有Android项目中版本只能是0.20.1

dependencies{implementation'com.android.support:appcompat-v7:23.0.1'...implementation"com.facebook.react:react-native
咸鱼Jay·2023-11-21 10:42

RN集成到现有Android项目中版本只能是0.20.1

dependencies{implementation'com.android.support:appcompat-v7:23.0.1'...implementation"com.facebook.react:react-native
咸鱼Jay·2023-11-21 10:42

React-native third-party/double-conversion-1.1.6/src/bignum-dtoa.cc strtod.cc bignum.cc错误

错误Buildinputfilecannotbefound:'/Users/XXX/XXX/XXX/XXX/node_modules/react-native/third-party/double-conversion
一只哈哈·2023-11-20 09:21

Taro进阶

Taro是一套遵循React语法规范的多端开发的解决方案2、功能使用Taro，我们可以只书写一套代码，再通过Taro的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动小程序、H5、React-Native
JackieChan_·2023-11-20 05:50

react-native版知乎日报APP（四） 页面功能实现

本节主要说明部分页面的逻辑功能实现.Home(首页)首页包含的功能点有:弹出菜单,轮播图,上拉与下拉加载,主题切换,日期选择器.Home是整个应用相对复杂的页面,从上到下可以分为三个部分:导航栏,轮播图,日报列表.这三个部分中还结合一些小功能,导致代码量较多,这里分部说明各功能的实现.组件划分导航栏导航栏由react-navigation提供,这里没有选择手动实现.在navigationOptio
cc369e5fa6f8·2023-11-20 02:14

React Native 图片保存到本地相册(ios & android)

IOS配置CameraRollAPI用Xcode打开项目,找到Libraries目录，右键选择AddFilesto[yourproject'sname]在{project}/node_modules/react-native
叫兽儿·2023-11-19 22:47

react-native修改第三方包

开发的时候，用到这么多的第三方包，难免有需要修改他们内部源码的时候，当你修改之后，下次yarn、npminstall之后，代码又成为未修改之前的状态了，每次都要修改一次，非常麻烦，介绍一个可以一劳永逸的方法。社区提供了一个工具：patch-package，专门用来处理修改node_modules包源码的问题。用法修改package.json,添加最后一行："postinstall":"patch-
朱传武·2023-11-19 20:02

React-Native新建项目以及配置路由

本人是一个前端小小菜鸟，愿以此文献给跟我一样的人，大神请绕道而行，勿喷~一、创建项目安装依赖1.通过npm电脑全局安装react-native-cli2.初始化项目react-nativeinitappName(appName：项目名称)二、配置路由安装依赖1.yarnaddreact-navigation2.yarnaddreact-native-gesture-handler3.yarnadd
拥抱新的每一天_·2023-11-19 11:47

react-native 版本升级

react-native-v自动升级更新到最新版本react-native-git-upgrade或者react-native-git-upgrade0.60.0(指定版本号)遇到问题手动升级将package.json中react-native
倒骑驴走着瞧·2023-11-19 03:27

iOS 项目集成RN步骤和问题点

最好先用命令行创建一个RN,react-nativeinit+项目名，后面集成的时候可以直接拿来用里面的文件，而不用命令行查询版本，因为RN建议里面的react-native或react使用最新版本。
Dev_Meng·2023-11-17 08:41

Swift原生项目中集成RN的踩坑笔记

学习ReateNative的踩坑之路搭建环境官方环境搭建地址、官方原生集成地址本人环境：mac10.15.4、Xcode11.4、brew:2.2.16、Pods:1.9.1、npm:6.14.4、react-native
QL_ProCareer·2023-11-17 08:34

RN使用setState不生效的解决方法

原因：因为setState是异步的，改变值以后不能立即使用setState之后，需要走完react-native生命周期，也就是走到render时，state的值才会变成setState设置时的值但是我们在开发过程中会需要
Min_nna·2023-11-15 06:47

react-native for android，应用图标、应用名、版本号修改

react-nativeforandroid，应用图标、应用名、版本号修改1.应用图标修改在android/app/src/main/res/下，你会看到一系列mipmap开头的文件夹（默认是4个），按照里面ic_launcher.png的尺寸，生成四个版本的icon并替换。注:有时候图标替换后并不生效，删掉文件夹android/app/build，然后重新打包即可2.应用名修改在android/
奋发的小鸟hh·2023-11-15 05:58

ReactNative 事件监听

一、ReactNative内部事件通知1.引入头文件import{DeviceEventEmitter}from'react-native';2.发送方发送通知DeviceEventEmitter.emit
Min_nna·2023-11-13 15:16

react-native 2022.11.4号开始打包失败问题The minCompileSdk (31) specified in a is greater than this module‘s

react-native2022.11.4号开始打包失败问题错误信息如下*Whatwentwrong:Executionfailedfortask':app:checkReleaseAarMetadata'.>Multipletaskactionfailuresoccurred:>Afailureoccurredwhileexecutingcom.android.build.gradle.inte
creat_bug·2023-11-13 15:38

封装fetch的使用（包含超时处理）

//1:传统fetch操作fetch('http://facebook.github.io/react-native/movies.json').then((response)=>response.json
weixin_30819163·2023-11-13 03:26

React-Native笔记--React-Redux

React-Redux将所有组件分成两大类：UI组件（presentationalcomponent）和容器组件（containercomponent）,UI组件只负责UI的呈现，不带有任何业务逻辑没有状态（即不使用this.state这个变量）所有数据都由参数（this.props）提供,不使用任何Redux的API,容器组件负责管理数据和业务逻辑，不负责UI的呈现带有内部状态.React-Re
ljt2724960661·2023-11-10 11:20

react-native 0.63 适配 Xcode 15 iOS 17.0+

iOS17.0Simulator(21A328)下载失败AppStore更新到Xcode15后，无法运行模拟器和真机。需要下载iOS17对应的模拟器。Xcode中更新非常容易中断失败，可以在官网单独下载iOS17模拟器文件，例如：iOS_17.0.1_Simulator_Runtime.dmg（7GB），官方下载链接：developer.apple.com/download/al…https://
Songlcy·2023-11-09 17:15

【React-Native开发3D应用】React Native加载GLB格式3D模型并打包至Android手机端

【React-Native开发3D应用】ReactNative加载GLB格式3D模型并打包至Android手机端【加载3D模型】**ReactNative上如何加载glb格式的模型**第零步，选择相关模型第一步
YuZou 邹宇·2023-11-09 02:23

11-04-react路由基础

路由简介react中，使用路由的是react-routerreactreact.js类似于vue.jsweb(BS构架的项目）react-native简称RN开发原生APP（androidios）react-routerreact-router
ange997·2023-11-08 19:04

ReactNative学习八－搜索栏的基本布局

1.布局2.代码如下/***扫码框*/'usestrict';importReact,{Component,Image,TextInput,View,Platform,StyleSheet}from'react-native
天若子·2023-11-08 09:29

react 底层四大核心内容架构

react提供定义react组件(ReactElement)的必要函数,一般来说需要和渲染器(react-dom,react-native)一同使用.在编写react应用的代码时,大部分都是调用此包的api
神奇大叔·2023-11-06 14:08

react-native如何发布一个apk

修改应用图标和名称android/app/src/main/res/values/strings.xml修改应用名称android\app\src\main\res\mipmap-xxxxxx修改图标签名打包发布Release版本的apk安装包请参考以下两篇文章：ReactNative之Android打包APK方法（趟坑过程）ReactNative发布APP之签名打包APK如何发布一个apk先保证
白小白大白白·2023-11-05 14:18

ReactNative系列之react-native生命周期

ReactNative.jpg一、概述开发RN，必不可少的就是它的基础框架react-native。
一修锅锅·2023-11-05 10:33

Flutter 1.0 正式版: Google 的便携 UI 工具包

简评：所以React-Native和Flutter该怎么选？
极小光·2023-11-05 06:24

iOS15与Xcode13.2 适配问题记录

：修改当前报错文件fishhook中的perform_rebinding_with_section方法，将方法名称保留，方法中的内容注释掉参考：https://github.com/facebook/react-native
Loki_·2023-11-04 17:56

react-native 启动屏配置

启动屏配置npmireact-native-splash-screen--save获取图标1.进入https://icon.wuruihong.com/#图标工厂，让ui切一张1024x1024的图标图片IOS端1.打开AppDelegate.m文件，根据下面代码配置#import"AppDelegate.h"#import#import#import"RNSplashScreen.h"//添加此
小小肉松·2023-11-04 09:54

React Native混合开发告别adb reverse tcp:8081

最近的项目用到了react-native与原生混合开发的模式，在以debug模式运行APP的时候，由于apk中没有react的bundle文件，需要在pc端运行npmstart启动react服务，为了使
meStronger·2023-11-02 05:47

vscode React Native StyleSheet 没有代码提示解决

runnpmi--save-dev@types/react-nativeinyourproject'srootopen/node_modules/@types/react-native/index.d.tsaddthefollowingsnippetinterfaceStyles
澹台琉璃·2023-11-01 20:47

Taro原理总结

现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要
暴走的奶糖·2023-11-01 17:23
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他