liu__520的博客

记一次id重复引发的闪退。 java.lang.IllegalArgumentException: Wrong state class, expecting View State but received class androidx.recyclerview.widget.RecyclerView$SavedState instead. This usually happens when two views of different type have the same id in the sa

大家都知道scrollview的几个属性和方法：详细的方法请参考：江清清专栏：React Native控件之ScrollView组件讲解(14)这里我就讲解下scrollview的触摸和滑动顺序，并讲解下scrollview的几个触摸方法1、几个已知的滑动或者滑动开始结束的方法：onScroll：在滚动过程中, 每帧最多调用一次此函数, 调用的频率可以用scro

最近很多人在问城市列表如何做？刚好我的项目也需要，就做了个示例github的代码地址：https://github.com/LiuC520/react-native-city-pick/1、里面有两种城市的选择模式，一个是picker模式，一个是列表模式；2、其中picker模式采用的是react-native-picker，里面只有两层的目录结构，如果需要三层的用作者

最近遇到了一个问题，rn写的软件内的字体（text组件）会随着手机系统字体大小的变化而变，也就是说当你把手机系统的显示-字体调到最大号，打开软件，text的字体会变得非常大，布局就乱了。下面就这个问题提供下解决的方案：1、android 的解决方案是:const fontSizeScaler = PixelRatio.get()/PixelRatio.getFontSc

我们知道View的style的大多数属性的用法，但是有个Transforms的属性我们很少知道，而且中文网上也只是写了个属性列表，并没有介绍怎么使用，现将原理和使用方法介绍如下，还请各位参考：入口在官网的View的style属性下面的Transforms...属性View的style属性下面的Transforms...属性中文网的Transf

RN的0.43版终于出来了，现在大家期待已久的listview的升级版flatlist终于跟大家见面了，我也是关注了好久哦，现在将使用说明，和例子给大家简单的讲解下。简单的讲解下api：flatlist在数据量很大的情况下，比listview性能要高好多哦，就是基于组件<VirtualizedList>的封装，具体的api大家可以看中文网的介绍：http://reactnat

这是一个node命令，有两个命令可用，一是用于生成补丁文件，一个是合并补丁生成新的文件.很多情况下我们需要生成补丁文件，例如 react native 的热更新，自建服务器进行热更新，不用codepush和pushy，需要生成bundle的补丁文件，然后从服务器下载下来后再合并成一个bundle文件。下载操作：1、我利用的是google的diff文件，下载地址为：ht

项目中总是会用到很多公共的组件，样式就跟设置里面的单个item很像，本项目就是打造一个公共的万能组件 项目中有两个文件，一个是公用组件，一个是字体大小适配你可以自定义各种组件哦！具体代码请参考：https://github.com/LiuC520/react-native-public-componentreact native万能公用组件使用说明npm install --save react-...

react vr中文网：www.vr-react.comreact vr的导航一直很少有人去做，场景的切换一般都采用简单的state管理，也就是点击vrbutton改变state的值，切换新的场景，同时我们也可以用react上的路由来进行路由的导航，此处介绍react-router在react-vr中的应用。 react-router在react-vr中的应用：https://github....

坑爹的坑，终于把极光推送的全套跑通了，android和ios平台全部测试成功！下面就目前遇到的问题做详细的说明，希望能给大家引上正确的道路。此处我用的是jpush-react-native，这个是极光官网维护的，还有一个是react-antive-jpush，这是中文网的，我这里没用这个首先我先先按照官网的步骤来呗：（为了了解具体的过程，我都是用手动配置的，没有用自动配置）一、手动

这两天终于把极光推送的整个流程跑通了，在android和ios上均能正常接收消息，并可在本地存储消息，这篇文章先讲一下如何在极光上申请android和ios证书，下一篇文章讲解具体在react native上配置运行极光推送。一、首先打开极光推送的官网https://www.jiguang.cn/，然后注册账号，登录进去二、创建应用2.1、一看需要应用的名称（你的应用的名字最好和你

我们知道在android原生开发中，我们经常要用到二维码扫描的功能，在微信、QQ、浏览器、名片全能王、淘宝、支付宝等等软件里面，都会用到，android里面我们最常用的就是zxing，而在RN里面也有类似的组件，感谢作者ideacreation/react-native-barcodescanner，刚好我的原项目里面有个二维码扫描付款的功能，现在我用RN来大致演示下如何扫描二维码，并把扫描后的结

今天遇到了一个问题：下载了react-native-baidu-map的开源组件，可是在ios中遇到了问题，编译不通过，我想删除这个组件，然后写其他的功能，以后再添加这个地图功能，可是发现无法删除干净，android和ios原生都编译失败。就这个问题研究了下，现将方法卸载下面：        我们安装第三方的开源组件用的是 npm install react-native-video --

感谢携程的本次活动分享，携程用RN的30版本自己封装了一套CRN，重新了很多基础组件、API、打包方法、并做了很多的性能提升，目前应用RN的页面是50个；菠萝蜜也用RN的27和34版本做了两次整合，现在越来越多的页面正在将RN引入。就本次活动我个人做了以下的记录，本次分享主要分四个阶段进行：第一阶段：携程讲师--赵辛贵；第二阶段：携程前端-姚瑞琼；第三阶段：菠萝蜜--好大（徐本洋）

终于把微信好友分享和朋友圈分享的功能打通了，现在就我的做法，以及遇到的一些坑，写下来供大家参考：        一、首先我们新建一个RN的项目，写好你的好友分享和朋友圈分享布局，后面我们要调用微信的接口，然后把项目安装到android手机上，后面我们要用签名软件查看签名；        二、去微信的开放平台注册开发者账号（https://open.weixin.qq.com/）

原生应用不仅可以跳转到RN页面，也可以吧RN的组件放到原生应用中，作为原生应用的一部分。首先介绍如何把react native嵌入到android中，然后再介绍如何把RN嵌入到ios中；第一部分：将RN嵌入到android中的步骤如下一、用Android Studio 创建一个程序，我的是RnInAndroid；二、打开命令行终端，进入RnInAndroid，2.1、输入以

我们知道RN帮我们封装了一个Linking的模块，这样我们就能调用系统的电话、短信、邮件、浏览器、地理位置等应用了，极大地方便了我们的功能实现。本文介绍我的一个项目总用到的这些功能，当然示例demo依旧在github上（src-pages-me-more里面：https://github.com/LiuC520/react-native-jifenmao），这里呢只介绍如何使用，具体的更多

今天在做项目的时间遇到了一个问题：我的底部菜单栏用的是react-native-scrollable-tab-view，上面用的是scrollview，android底部显示不全，ios正常：如下图所示：我的解决方案是：在scrollview的内部子项目最后一项添加一个空的view设置一个高度：                                

近日很多人反映react-native-camera怎么用？还有人说ios的二维码扫描咋没有呢？其实这些问题在react-native-camera上都有介绍，在ideacreation/React-native-barcodescanner中也有讲，如果是ios的话请使用react-native-camera；下面我就RN调用摄像机做下简单的介绍吧：一、首先打开终端命令，进入项目，输入一下命

很多同行最近都在苦思冥想一个问题：RN从A页面传值到B页面简单，但是我怎么从B页面传值到A页面呢，头大了！下面我写了一个简单的示例，请各位同行参考下：首先分三个页面：index.android.js，first.js（简称A页面），next.js（简称B页面）一、我们知道从A页面到B页面，是在navigator里面把值放进去，作为B页面的参数，B页面通过属性值获得这个参数：下面这是