Songlcy-CSDN博客

原创 RN JSBundle 拆分解决方案（1）: 应用启动、视图加载原理解析

前两篇文章和大家分享了RN中的触摸事件机制。链接如下：React Native 手势触摸事件机制详解（基础篇）React Native 手势触摸事件机制详解（进阶篇）接下来的系列内容将结合 Android 原生层来分析拆包解决方案。如果你具有Android原生开发经验，并且在实践 Android + RN 的混合模式开发，那么这次连载的文章内容你一定喜欢。拆包解决方案的系列内容目录大致...

2018-02-22 14:57:46 3784 4

原创 React Native集成Sentry错误日志统计

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。App版本升级想必大家都不陌生。原生开发中App升级方式有很多种，Android和iOS也不尽相同。大致区别如下：App错误收集的实现方式有很多，例如友盟、Bugly、阿里云、Sentry等等。本篇博客和大家分享一下在React Native中集成Sentry的流程和注意事项。在React Native...

2017-12-04 21:25:16 6582

原创简析 React Native 用户反馈功能实现

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。该库已开源到Github，地址请点击：react-native-feedback 【一行代码，双平台反馈】用户反馈功能在App中屡见不鲜了。尤其是创业公司，在前期都会添加该功能来帮助自己更好的定位产品，以及收集产品的问题。在App中实现该功能大概有两种：（1）搭建自己的私有服务器，收集反馈数据...

2017-11-18 11:48:51 2370 4

原创简析在React Native中如何适配iPhoneX

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。一、介绍iPhone X 发布也有一段时间了，独特的 "齐刘海"，以及 "小嘴巴" 带给了苹果粉们无限的遐想，同时也带来众多的吐槽。前几天，招商银行公众号在微信推送了一条消息，11月招商银行App要发布最新版本，完美适配iPhoneX，是国内第一家银行App适配iPhoneX。感兴趣的朋友可以去下...

2017-11-09 12:40:42 10174 5

原创 CodePush热更新常用命令与注意事项

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。总结了一些在CodePush中比较常用的命令以及注意事项，供大家参考。一、更新流程图片来源：http://www.jianshu.com/p/cbc6a1dbfe30二、常用命令// 账户相关code-push login 登陆code-push loout 注销code-push a...

2017-10-25 18:43:18 10191

原创 React-Native ART 绘图简析

刚创建的React Native 微信公众号，欢迎微信扫描关注订阅号，每天定期会分享react native 技术文章，移动技术干货,精彩文章技术推送。同时可以扫描我的微信加入react-native技术交流微信群。欢迎各位大牛,React Native技术爱好者加入交流！本篇博客依旧是关于 React Native 的开发内容。今天和大家唠唠 React Native 中绘图机制：...

2017-10-23 16:24:33 3437

原创 React Native App版本升级方案解析

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。源码已开源到Github，地址请点击：react-native-upgrade欢迎大家star，fork.....App版本升级想必大家都不陌生。原生开发中App升级方式有很多种，Android和iOS也不尽相同。大致区别如下：（1）iOS中由于不能从App Store之外下载ipa文件进行安...

2017-08-15 14:43:26 14036 31

原创 React Native实现第三方分享、登录功能（Android，IOS双平台）

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。源码已开源到Github，地址请点击：react-native-share【一行代码，双平台分享】目前支持分享的平台有【QQ】【QQ空间】【微信】【朋友圈】【微博】【FaceBook】欢迎大家star，fork.....【 Android平台配置】1. app目录下创建libs文件...

2017-07-12 20:30:27 15639 36

原创 React-Navigation与Redux整合详解

继react-navigation发布已经过去半年的时间，想必React Native的玩家早已玩转于

2017-07-03 14:42:49 3285 2

原创 Android布局加载React Native视图

一、需求分析前几篇博客中，和大家分享了关于React Native For Android 的一系列内容，以及React Native第三方库的使用技巧。今天和大家分享的内容可以算是React Native基于最新版本实现JsBundle预加载，界面秒开优化延伸。本篇博客内容围绕的依然是如何加载RN界面，在JsBundle加载优化这篇博客中，我们从源码角度分析了如何实现快速加载

2017-06-30 12:32:56 4313 3

原创 Android界面布局文字水印

一、需求分析今天一个朋友说要解决一个需求，在每个布局中加上水印效果，如下图：从图中，我们看到在内容布局中很明显有文字水印效果，如何实现这种效果呢：（1）水印文字有旋转（2）水印效果处于内容布局之下（3）水印文字位置不固定分析以上三步，想必大家都想到了，利用Android自定义View的方式来实现。二、功能实现

2017-06-29 17:22:30 5383 1

原创 React Native自定义控件【底部抽屉菜单】

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。一、需求分析原生开发中，自定义View可谓是屡见不鲜的事情，往往系统的控件总不能满足现实的需求。五花八门的产品设计需要我们做出不同的View。关于自定义View的内容网上已经有很多的博文，本篇博客要和大家分享如何在React Native中自定义组件实现抽屉菜单控件效果。分享功能在App中的重要性想必...

2017-06-26 21:46:57 7000

原创 React Native开源库react-native-image-crop-picker使用图解

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。一、开源库介绍目前大多数App都有头像展示的功能，在实际开发中，用户更换头像的需求屡见不鲜，社交方面的更为明显。在React Native的开发下，同样需要这样的功能来完善App需求。众多优秀的开源库让我们在自己的项目中使用起来非常方便。例如：react-native-image-pick...

2017-05-27 15:16:44 14310 44

原创 React Native未来导航库：react-navigation 使用详解（基础篇）

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。上篇博客和大家分享了关于React Native jsBundle预加载，界面启动优化的内容，详情可点击：基于最新版本React Native实现JsBundle预加载，界面秒开优化一、开源库介绍今年1月份，新开源的react-natvigation库备受瞩目。在短短不到3个月的时间，gith...

2017-05-17 11:30:25 93773 45

原创 React Native基于最新版本实现JsBundle预加载，解决白屏等待，界面秒开优化

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。前些时间和大家分享了一系列关于React Native For Android的文章。这两天又对React Native增量热更新的博客进行了填充，增加了图片增量更新的实现方案和过程。有兴趣的朋友可以去浏览详细内容。为了方便，我将前几篇的博客链接贴出来供大家参考：Android原生项目集成React Native...

2017-05-10 16:48:09 16106 26

原创 QQ空间热修复原理深入解析

一、背景App的上线发布是我们程序猿开心的事情，证明着一段时间来成果的进步和展现。但是随着App的上线手机App市场，接下来的更新维护工作便成了”家常便饭“。尤其是在创业公司，随着业务等不稳定性因素，前期App的更新工作更为频繁，可能两天一小改，三天一大改的情况经常发生。那么应对版本更新的同时，需要我们不断将新版本上线，并下发到用户，此时两个典型的问题发生了：（1）发版的周期过

2017-04-28 16:18:04 2305 5

原创 RecyclerView Item加载动画

最近公司项目需求更新慢，有时间偷偷的玩点别的技术~~这段时间更新的博客内容不太系统，但也是平时比较常用的技术。今天和大家分享一篇关于ReclcyerView的内容。说到RecyclerView，想必大家都已玩的熟透在心了。之前有人问我ListView和RecyclerView的区别是什么？并且很多人认为RecyclerView比ListView强多了。的确，RecyclerView在动画处

2017-04-27 15:57:22 4843 3

原创基于Android VideoView播放器的封装

一、绪之前在群里看到有人在讨论Android VideoView的使用，发现大家都存在几个共同的问题。为了以后大家使用方便也为了自己使用方便，同样减少不必要的坑，便有了今天的内容，对Android VideoView播放器进行功能封装。封装代码库已开源到Github：SuperVideoView，有兴趣的朋友可以fork，顺便记得star下哈~下面简单介绍下该库增加的功能，以及

2017-04-25 16:45:32 4716 4

原创从【状态模式】解析App登录功能实战技巧

一、绪上篇博客和大家分享了设计模式中的观察者模式，以经典案例和实战分析了观察者模式的使用技巧。以 “猫叫，老鼠就跑” 带你了解观察者模式今天继续和大家分享一篇关于设计模式的内容。想必有些朋友看到设计模式几字就有点精神错乱，四肢麻木。哈哈，开个玩笑。我不会以单纯描述设计模式来表达，这样的博客随便一搜很多。既然要说设计模式，毕竟缺少不了实战的结合。二、介绍设计模式所

2017-04-17 15:38:00 3352

原创快速集成Android最常用八种加密算法

数据的安全性可谓是重中之重的，前两年大司频发的安全事件也是被炒的热火朝天~究竟该如何增加数据机密安全性，我们来唠唠。说到安全，范围大的让人喘不过气来，关于安全的知识以及如何防范，暂时先不涉入，踩得深了头皮容易发麻。我们就从最简单的加密来扯扯。

2017-02-22 15:38:17 13408 9

原创 React Native与Android通信交互

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。在前两篇的内容中，和大家分享了Android原生集成RN，以及RN的增量热更新。关于详细的内容，点击如下具体了解： Android App巧妙集成React Native最详教程 React Native 实现热部署、增量热更新本篇内容同样和React Native 与原生App有关，可...

2017-02-17 11:56:16 20862 29

原创 React Native 实现热部署、差异化增量热更新

项目已开源到github，链接为：ReactNativeApp，欢迎大家fork，star上一篇和大家分享了如何在Android 现有App中集成React Native。本篇博客同样是React Native中比较经典的内容：热更新部署。Android原生App中我们实现热修复有很多种选择：Tinker、hotFix、Qzone的热更新等等。基本的思路都是大同小异的。React Nati...

2017-02-14 11:37:04 35937 58

原创 Android 集成 React Native、原生视图加载RN组件模块分析

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。今天分享一篇关于混合开发的文章：如何在现有的 Android 项目中集成 React Native，以及如何在原生 Activity中加载 RN 视图。原生项目集成 React Native1.创建Android工程：ReactNativeApp 关于如何创建Android工程就不再多述了。...

2017-02-13 18:01:24 16340 25

原创 React Native开源项目「漫画书」

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。项目已开源到Github：ComicApp，欢迎大家fork，star。一、App模块开发框架：React Native react-redux react-thunk开发环境：Vs Code 1.8分为首页、发现、精选、我四大版块，以下是功能列表：使用ViewPager...

2017-02-05 17:10:13 9358 22

原创 Android App图标静态更新方案

听说支付宝推出的AR红包推出没几天就被我朝众多大神给搞了。。不能说支付宝App的“不坚挺”，只能说众大神太厉害了~~今天继续和大家分享Android中动态更新的内容。上篇博客中我和大家分享了如何实现Android中动态更新View的内容，从中大家也知道了如何使用DexClassLoader来动态加载Apk，以及如果通过Resource来获取外部Apk的资源。没有看的童靴点这里：Android动

2016-12-27 12:22:18 6210 15

原创 Android插件化方式实现View动态更新

翻开csdn，浏览了一下文章列表，发现好久没更新博客了。忽然觉得自己最近又TM邪恶了。。大家可以想一个问题：假设我们App首页有个Icon，用来根据不同的节日播放不同主题的音乐，例如：圣诞节，需要把Icon变成圣诞老人，并且播放圣诞主题的音乐，春节，需要把Icon变成鞭炮，并且播放春节喜庆的音乐。你会怎么实现呢？有朋友可能会说，这简单哇，更新下App，然后重新发布市场不就好啦~没错，这种方

2016-12-20 12:48:36 4240 5

原创 Android实现列表抽屉展示效果

终于迎来的周末哇，深圳两天的凉雨天终于迎来晴日。早上爬起来异常的累，哎。。每天地铁两小时真是强身健体啊~今天给大家分享一篇UI的效果实现，

2016-11-12 12:52:18 12799 6

原创从源码分析Handler的postDelayed为什么可以延时？

昨天一个朋友去面试，回来说面试官问了他一个有意思的问题，然后被面试官各种调侃。。什么问题呢？中国人都能看得懂的一个问句：Handler的postDelayed为什么可以延时？？？握草~我只知道Handler有个延时的方法叫postDelay，为啥延时我哪知道哇！！！哈哈，相信很多朋友都是有这种感受的。今天单独开篇博客来说这个问题，也表达了我对Handler的敬重之情吧，不废话了，开车~~

2016-11-10 15:15:20 9264 4

翻译 Realm-Android

Realm Java 让你能够高效地编写 app 的模型层代码，保证你的数据被安全、快速地存储。参考下列示例来开始你的 Realm 之旅：// Define you model class by extending RealmObjectpublic class Dog extends RealmObject { private String name; pri...

2016-11-10 12:31:23 3973

原创 Android实现弱引用AsyncTask，将内存泄漏置之度外。

AsyncTask可谓是在Android中隐藏很深，曾经叱咤风云的功夫级人物。它的存在让网络和UI的通信变得异常简单和轻松。AsyncTask使用上的简单也得以让很多开发者青睐。一般情况下，AsyncTask会作为内部类在Activity或者Fragment中实现，例如：public class ScheduleTask extends AsyncTaskVoid,Integer,Void

2016-11-04 11:50:33 6595 4

原创 Android实现App版本自动更新

现在很多的App中都会有一个检查版本的功能。例如斗鱼TV App的设置界面下：当我们点击检查更新的时候，就会向服务器发起版本检测的请求。一般的处理方式是：服务器返回的App版本与当前手机安装的版本号进行对比。（1）如果服务器所返回的版本号大于当前App版本号那么此时手机所安装的App不是最新版。可以提示用户升级。（2）如果不大于当前版本号，可以提示

2016-11-03 11:44:08 40184 33

原创 Android轻松搞定微信支付

有几天没写博客了，有点力不从心。接下来的两篇文章打算写写关于App集成支付的内容。

2016-10-24 17:32:31 4448 6

原创详解Android中玩转高德地图

在上一篇博客上，和大家分享了如何在Android中集成高德定位以及定位的基本使用。今天我们就来看看高德地图在Android中如何使用吧。同样，我将本篇博客的内容分为如下部分：（1）添加高德SDK（2）配置AndroidManifest文件（3）创建地图（4）控件交互（5）方法交互（6）地图截图（7）添加Marker标记上面我大致分为了7部分，其中第（

2016-10-18 14:59:21 9523 1

原创 Android实现点击两次返回键和长按返回键退出应用实践

虽然国庆节过了，玩的心还没回来。今天给大家分享一篇关于退出应用的知识点。大家都知道在大部分App中，退出应用程序都是以点击两次返回键，并且控制连续点击的时间差，来提示用户，提高App的应用体验。而长按返回键退出应用的场景目前国内App相对较少。本篇博客的内容我将带大家分别实现以上两种方式。1.点击两次返回键退出应用点击两次返回键退出应用的核心在于控制用户点击的时间差，

2016-10-13 16:46:46 6113

原创详解在Android中集成高德定位功能

关于定位，相信大家都不陌生。现在很多App基本都少不了定位的功能，Android本身也提供了定位的功能（LocationManager），但是由于Google墙太厚了，所以你懂得。。定位功能国内也有很多选择，主流的当选百度定位、高德等等。今天就和大家分享下如何集成高德定位功能，那么，我们开车吧~集成高德定位，我将其大致分为以下几步：（1）添加高德SDK（2）配置AndroidMan

2016-09-23 16:24:56 5092 11

原创 Android轻松搞定Dialog提示动画效果

抽个中午的时间写一篇博客，想必大家现在正在午饭呢吧，深圳的天气真是变换无常，刚刚大雨倾盆，不一会就晴天高照。打球吗？约起来哇，哈哈。。今天给大家带来一篇Dialog提示附加动画效果的功能。这种Dialog提示效果基本变成了每个App都必不可少功能。例如，退出提示，弹出分享框，App升级提示等等。。其实在Android中实现提示功能由很多种方式：自定义Dialog，AlertDialog，自

2016-09-11 13:24:12 8901 2

原创 Android 基于RecyclerView实现批量操作

不知道大家对淘宝，JD的App购物车有木有印象，购物车中的多个商品可以批量删除，支付，分享等等。。先来看张图，该图来自水友截图：上图来自淘宝购物车界面。可以看到，我们对商品可以进行品量删除，移到收藏夹，分享功能。ok，今天我们就用RecyclerView来实现类似批量更新的操作。首先，我们来简单分析下要实现这样的功能，有哪些核心点：（1）标示选中的商品，即RecyclerVie

2016-09-07 21:15:16 12230 2

原创 Android实现根据用户输入自动搜索

最近App上线play商店，版本整来整去。下午闲暇之余，一位老友忽然扣我，心情一阵激动。我还以为是要送我中秋月饼，丫的，上来就稀里糊涂表明一堆需求。。。哇凉啊~行了，今天我就和大家分享下关于这个突如其来的"中秋好礼"：EditText实现自动搜索。自动搜索的含义就是：当用户输入内容后，在一定的间隔时间内，如果用户没有继续输入则请求服务器查询结果。反之，则等待用户继续输入，直到用户停止后

2016-09-05 17:59:29 5689 1

原创高仿微信抢红包动画特效

昨天与一个兄弟聊天时他说想搞个翻转动画，类似于微信抢红包时硬币旋转的效果。平时这个动画没怎么注意，当时就装作一脸蒙蔽的样子让他给我发红包。（哈哈，可惜他没上当...）最后自发自抢体验了一下（轻喷..）感觉这个动画还是蛮不错的。第一感觉就是用属性动画进行Y轴旋转180度。在好奇的心情下打开了AS准备折腾一番...ok，蛋疼的前序扯完了，进入今天的主题：高仿微信抢红包动画。就是模仿点击红包然后

2016-07-22 11:12:52 12535

原创仿天猫App实现商品列表布局切换效果

昨天有朋友问了我这样一个需求，就是在天猫App中首页进入搜索界面，搜索出的商品页中，有一个按钮可以切换商品列表的布局。没有用过或者用的少天猫App的赶紧下载体验下（哈哈，给天猫打个广告~）。如果你很懒不想去下载的话，OK，我们来看下面这两幅图：上面两幅截图分别是点击右上角按钮后两种不同布局的效果。简单的流程可以概括为：第一次进入页面，有个默认的布局，才是点击按钮，由竖直的线性布局

2016-07-20 10:29:06 18350 19