随笔分类 - react-native
摘要：一、使用第三方库做本地/远程消息推送 推荐：https://github.com/zo0r/react-native-push-notification demo解析： AndroidManifest.xml:配置基本权限 NotifService.js:配置各类推送的消息显示 App.js:消息显
阅读全文
摘要：一、窗口高度 即图中黄色+蓝色部分 二、屏幕高度 即图中黄色+蓝色+红色部分 三、内容高度 即图中蓝色部分
阅读全文
摘要：一、需求 RN-webview禁止缩放，即固定屏幕大小，但同时要能够监听到其他手势识别 二、实现 仅仅设置webview的大小自适应是不够的，因为webview所引入的h5页面有可能是能够缩放的。 因此先向h5页面注入代码： 而后设置webview： 即可固定页面。
阅读全文
摘要：RN的最后都逃不开原生... 一、目录 二、xml配置 三、com.rnproject BootBroadcastReceiver.java package com.rnproject; import android.content.BroadcastReceiver; import android
阅读全文
摘要：一、RN传数据 1.RN向HTML传数据： 2.HTML接收RN传来的数据： 二、HTML传数据 1.HTML向RN传数据： 2.RN接收HTML传来的数据： 参考：https://www.jianshu.com/p/9e6f1569227f
阅读全文
摘要：一、需求 点击时动态地创建或删除组件 二、问题 RN是通过state更新页面，没有dom那一套直接添加节点的api 三、解决 通过数组的增删改查对动态地改变state，以达到创建或删除组件的效果 添加image： 删除image： 展示image： —— 完 ——
阅读全文
摘要：一、首次加载自动登录 1.问题分析 Rn webview有自动登录机制，即如果是需要登录的页面，在首次登录后，二次进入不需登录。但第一次进入页面必须要进行密码输入和登录操作。所以，如果要实现首次自动登录，必须要在webview加载之前进行手动登录操作。 2.解决 利用RN webview的handl
阅读全文
摘要：作者：小石头若海 原文地址：https://segmentfault.com/a/1190000011754908 RN如何实现一个ExpandableList(可展开列表)组件 讨论与分析 首先，我们先确定下要解决的问题： 1. 第一个问题 我们先将ExpandableList这个组件拆解一下，看
阅读全文
摘要：react-native-view-transformer解析 一、组成 结构： 依赖： react-native-view-transformer（后文简称‘vt’），是基于RN手势系统和滑轮做的一个视图封装组件。含有放大缩小、双击和拖动控制功能。 二、功能解析 vt主要是由transform下的
阅读全文
摘要：一、问题 一个复杂的页面，需将事件函数绑定到相应的button组件上，绑定方式如下： 结果导致界面卡顿，用户交互事件延迟等现象。 二、原因 首先，构造函数内绑定事件无法进行点击传值。其次，上述传值方式不符合官方onPress接口的定义，即，接受一个函数作为参数，因此存在用法错误。 三、解决 换另一种
阅读全文
摘要：一、问题 RN项目里使用Flatlist组件，上拉刷新item过多时，出现跳屏、闪屏、空白屏等问题。 二、原因 先在render函数里log了一下，发现没有re-render，判断不是网络请求或页面内组件数据变动导致的重复渲染； 然后判断是Flatlist自己的触底监听机制有问题； 最后查到是因为最
阅读全文
摘要：24 tips for React Native you probably want to know（你可能想知道React Native的24个技巧） React native很棒。但事情可能会很艰难。以下是我从项目到项目的内容，我希望与您分享，这可能会为您节省一些时间。 1.用于调试 1.1断点
阅读全文
摘要：原文：https://www.cnblogs.com/android-blogs/p/5623481.html 探究react-native通信机制 通信方式 我们所说的［通信］，指的是RN中Java和js的通信，也就是js部分中的那些jsx代码是如何转化成一个java层真实的view和事件的，ja
阅读全文
摘要：一、关于canvas缩放 canvas图像缩放处理有两种思路： ctx.scale()，对整个canvas进行重绘，会导致每次缩放都重新加载，影响体验效果 在canvas外包层view，直接对外层的view进行缩放 二、view触摸事件 view组件借助RN自带的手势响应系统，已经有完善的触摸事件处
阅读全文
摘要：一、原因 当您发现rn app在关闭远程调试后，一些功能无法正常工作时，这很可能是由于设备上的JavaScript执行环境与远程调试器之间的细微差别造成的。 例如，日期问题，Date构造函数似乎接受Chrome远程调试环境中的特定于语言环境的日期格式，但不接受设备上的日期格式。这可能是由于您的计算机
阅读全文
摘要：The Inner Workings Of Virtual DOM 虚拟DOM的内部工作机制 原文地址：https://medium.com/@rajaraodv/the-inner-workings-of-virtual-dom-666ee7ad47cf 虚拟DOM（Virtual DOM，简称V
阅读全文
摘要：零、关系理解 这个是我对RN和原生关系的理解。简单解释下这个图。 RN js编写完业务代码后，通过react-native bundle命令，将代码分别编译成一个index.ios.bundle和index.android.bundle文件，当然还是资源文件。然后放到Android、iOS的原生工程
阅读全文
摘要：一、代码结构 不同于mac开发环境，拥有index.ios.js和index.android.js两个编译文件，此处windows下仅在app.js中编译； 二、简单的helloword一闪闪效果 app.js 三、涉及知识点 多用es6语法、react语法、jsx语法和RN语法及开发思想（组件化）
阅读全文
浙公网安备 33010602011771号