
ReactNative
IT_luntan
技术分享
展开
-
RN升级篇(四):地图定位TypeError:undefined is not an object navigator.geolocation.getCurrentPosition
因项目需求需要再次做RN升级,从最开始的0.48升级到0.57稳定后,一直持续项目开发,然后到现在的0.62.2版本;RN也做了重大调整,许多核心组件已不能直接使用;例如 前面上文提到的ListView、WebView、ART等核心组件,还有文中即将提到的地图定位geolocation组件已经不能直接使用了;未升级之前的定位组件是不需要import导入的,都是直接访问全局的navigator.geolocation对象;现在升级到0.6版本之后,会提示报如下错误:凡事不要慌,直接看下错误信息,已原创 2020-09-16 10:55:48 · 873 阅读 · 1 评论 -
RN升级篇(二):--deprecated-react-native-listview替换Listview
由于项目从0.57.5升级到0.62.2,导致许多ReactNative核心插件无法使用(RN的坑)、比如Webview、ART、Listview;由于我们的项目沉淀时间太久,从0.4几的版本开始开发过来的,项目中有太多的地方引用Listview,全部替换FlatList工作量太大,所以只能寻找替代方法;小建议:如果项目中引用listview地方不是太多,直接将ListView替换使用新的组件FlatList;本文主要描述记录一下Listview无法使用的替代方法:报错信息如下:RN原创 2020-09-14 15:55:12 · 1032 阅读 · 0 评论 -
RN升级篇(五):版本升级从0.57.5升级到0.62.2遇到的Android错误以及RN插件错误
前两篇文章已经记录部分错误日志信息,从0.57.5升级到0.62.2;由于项目原因,需要进行项目重构,现在的0.57.5版本已经不能满足于项目需求;期间升级也遇到了许多的坑,只能说对于AndroidStudio以及RN的兼容性还不是太友好由于0.62.2升级后已经支持androidx特性,对于项目中的v4、v7特性已经不在支持,这简直是干(丧)的(心0漂(病)亮(狂);因为项目比较大,可以说是很大很大¥¥¥……%#¥#%¥,只能手动修改每一处报错信息:好了,正文开始:1、Androi原创 2020-09-10 16:30:48 · 1074 阅读 · 0 评论 -
RN升级篇(一):libjscexecutor.so caused by :dlopen failed:library“libjsc.so“ not found
本次记录下RN升级遇到的错误:因项目是Android+RN混合开发;由于项目原因需要将RN进行强制升级:0.57.5---0.62.2;升级RN版本涉及到需要的组件升级以及适配Androidx的属性;固在Android原生进入RN项目时报如下错误:couldn't find DSO to load: libjscexecutor.so caused by :dlopen failed:library"libjsc.so" not found ;解决方案:1、在android/ap.原创 2020-09-10 15:54:56 · 5486 阅读 · 2 评论 -
RN升级篇(三):Tried to register two views with the same name RNCViewPager
本次升级RN:从0.57.5升级到0.62.2,跨度蛮大的,遇到的问题也特别多;因package.json中同时引用了react-native-swiper和react-native-scrollable-tab-view;两者底层代码中都引用了viewpager包;且两者版本都比较低,不再兼容androidx,并且在使用时提示报红如下信息:React Native:Tried to register two views with the same name RNCViewPager很明显的错误原创 2020-09-10 15:33:06 · 4606 阅读 · 0 评论 -
ReactNative-Android给当前应用添加水印(转)
使用如何给ReactNative所有界面添加水印效果/** * zjm * 2019/2/19 * 4:32 PM */public class WaterMarkUtil { public static String mWaterMarkDesc; /** * 显示水印布局 * * @param activity */ ...转载 2019-02-21 17:16:03 · 1754 阅读 · 1 评论 -
在React Native中使用 高德地图组件react-native-amap3d
本文主要介绍高德react-native-amap3d组件的使用。react-native 高德地图组件,使用最新 3D SDK,支持 Android + iOS,受 react-native-maps 启发,提供功能丰富且易用的接口。主要功能:地图模式切换(常规、卫星、导航、夜间)3D 建筑、路况、室内地图内置地图控件的显示隐藏(指南针、比例尺、定位按钮、缩放按钮)手势交互转载 2018-01-05 16:09:58 · 11742 阅读 · 4 评论 -
ReactNative网络获取数据在Android平台5.0以下https访问失败的问题
概述这篇文章是处理React Native访问https在android5.0以下失败的问题,用于满足开发者访问网络的需求。注: 1.本文示例及代码分析基于react native 0.44.3版本。 2.限于水平有限,仅用于参考。期望更正,谢谢。 3.如果后台CA证书是正式的证书则不会出现此问题。以下为处理方式,代码很简单,复制使用即可: 1、具体的RN如何使用网络直接参考官网即可,R原创 2017-11-21 10:16:26 · 1865 阅读 · 1 评论 -
react-native-easy-toast, 一款简单易用的 Toast 组件,支持 Android&iOS.
原文 原文链接地址react-native-easy-toast A react native module to show toast like android, it works on iOS and Android.Content . Installation . Demo . Getting started . API .转载 2017-10-13 09:49:15 · 2313 阅读 · 0 评论 -
react-native-swipe-list-view侧滑删除组件使用
react-native-swipe-list-view 是一个具有侧滑功能的react-native的listview组件此组件由两个子组件组成: <SwipeListView> 是基于listview封装的具有侧滑打开、关闭功能的listview组件,具有一些原生功能行为;例如:当某一行侧滑打开后,在listview滚动或侧滑打开其他行时,会自动关闭此行。如果你只是想拥有具有侧滑功能的row,转载 2017-10-12 17:49:32 · 1223 阅读 · 0 评论 -
React Native未来导航者:react-navigation 使用详解
一、开源库介绍今年1月份,新开源的react-natvigation库备受瞩目。在短短不到3个月的时间,github上星数已达4000+。Fb推荐使用库,并且在React Native当前最新版本0.44中将Navigator删除。react-navigation据称有原生般的性能体验效果。可能会成为未来React Native导航组件的主流军。本篇内容基于【 ^1.0.0-beta.9 】版本来介转载 2017-10-12 17:04:35 · 612 阅读 · 0 评论 -
关于React Native 跳转到原生页面界面详解
接上文,实现ReactNative跳转到原生界面的详解步骤. 下面,开始学习吧: 一、自定义一个Module类,并实现RN方法,如下: 创建一个MyIntentModule,继承RN的ReactContextBaseJavaModule,实现两个方法getName和startActivityFromJS,代码如下:package com.helloword;import android.app原创 2017-04-20 11:30:04 · 5534 阅读 · 3 评论