优雅的扩大RN组件点击范围

2019-12-31
阅读 2 分钟
6.7k
工作中,我们在开发的迭代任务中,会优先完成开发的业务需求,保证产品的各项功能模块稳定正常的上线和迭代。一般情况下,我们通常是根据UI同学的效果图来绘制我们APP的功能UI展示图。比如下面的这个效果图,这是一个卡片上的按钮,点击按钮会将竖向的整条数据进行删除操作。

华为手机升级Android10,APP竟然闪退了

2019-12-25
阅读 3 分钟
5.6k
工作中的惊喜不断,今天遇到一个问题,一个客户的手机升级为最新的Android 10系统后,原来的我们项目的APP一点击Icon启动APP就闪退,根本不能用。一开始怀疑是App版本兼容问题,查看项目app/build.gradle文件中配置如下:

ReactNative全面屏(Android)适配问题

2019-12-11
阅读 1 分钟
3.6k
现在是全面屏的时代,Android手机现在也是各种全面屏,“刘海屏”,“弹出摄像头”,"水滴屏",“挖孔屏”,伴随着科技的飞速发展,各种提高屏占比的方案也是层出不穷,有点“百花齐放百家争鸣”的感觉,哈哈。但是对于开发者来说,Android的屏幕适配就是一个富有挑战性的工作了。为了呈现更好的视觉效果,许多安卓OEM厂商都开始采...

ReactNative之Android绝对布局position:'absolute'问题

2019-12-09
阅读 1 分钟
4.6k
工作中会遇到各种各样的问题,ReactNative开发也是填坑不止。比如最近在开发需求中,就遇到一个问题。在一个卡片类型的右上角添加一个删除按钮。使用了绝对布局position:'absolute'属性,在Android上却无法正常显示,很是烦恼。有一个相关的issue:[链接]正常希望的展示效果:

ReactNative[IOS]点击空白位置无法隐藏键盘

2019-12-04
阅读 2 分钟
5.6k
最近在开发项目的需求中,测试同学提了一个bug,在如下页面中,有三个输入框,在iOS手机上,输入完之后,无法隐藏键盘;安卓手机上,键盘都有收起按钮,所以没有这个问题。

React-Navigation各版本安装步骤对比

2019-11-18
阅读 3 分钟
4.4k
link后IOS的设置就完成了,但在Android端还需要一些配置。对于react-native-gesture-handler这个库还需要做如下配置:在项目根目录Android中MainActivity.java文件中,添加如下配置:

ReactNative 0.61之Fast Refresh

2019-11-12
阅读 2 分钟
1.9k
在React Native的社区中关于最常见的痛点问题中,有一个最多的回答是“hot reloading”-热加载功能不能用了。在我们编写函数组件的时候不能正常工作,经常无法无法更新屏幕,也不能对拼写错误和错误做出正确的反映。因为这个功能不可靠,许多人都关闭了这个功能。在ReactNative 0.61版本中,我们将现在的“Live Realod”和“H...

ReactNative[0.60.5]源码解析之启动流程(Android)

2019-11-07
阅读 20 分钟
3.1k
接触RN开发也快两年的时间了,期间也开发了5、6个APP了,ReactNative的版本也在快速的迭代着,今天重新出发,从源码解析一下App的启动流程,此次解析基于RN 0.60.5版本。

Android编译报错:org.jetbrains.plugins.gradle.tooling.uti

2019-11-06
阅读 2 分钟
3.8k
新建了一个基于ReactNative version0.60.5的新项目,在使用Android Studio编译项目的时候build了如下错误:

开源:ReactNative集成百度语音开源库

2019-10-22
阅读 2 分钟
2.6k
笔者在之前这篇文章中ReactNative集成百度语音合成介绍了在项目中如何集成百度语音合成步骤和部分代码。今天重(you)磅(dian)推(peng)出(zhang)百度语音合成开源库# react-native-baidu-vtts ,目前只做了Android端的集成,后期补上IOS端集成,开源不易,欢迎大家star

开源ReactNative卡片式(Cards)组件,你值得拥有

2019-10-15
阅读 2 分钟
4k
开源一个跨端的卡片式设计(Cards)的组件,在Android中是Material Design中有一种很个性的设计概念,在使用React-Native跨平台的开发框架中,卡片样式在IOS平台通过设置View的样式就可以实现类似的效果,比如这样:

5分钟简单了解React-Hooks

2019-10-09
阅读 3 分钟
2.4k
Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.

开源一个图片组件 react-native-border-radius-image

2019-10-08
阅读 1 分钟
2.1k
大家好,十一假期biu的一下就过去了,相信大家都没有玩的尽兴,没关系,我们还有周六周日双休日(不加班),或者再坚持三个月就到了2020年的元旦了, 是不是发现时间过得太快了。好了,开工了,?。笔者在ReactNative之Image在Android设置圆角图片变形问题这篇文章中提到了安卓端设置图片圆角的解决办法,但是还需要大家复...

H5跳转ReactNative打开指定页面

2019-10-05
阅读 2 分钟
4.5k
工作可能有这样的需求,就是手机浏览器中加载一个h5页面,点击可以打开某一个APP,比如微信等。这时候通常都是采用URL Scheme的方式进行配置跳转。那么什么是URL Scheme呢?简单说:它是一个页面跳转协议。

一行代码搞定react-native-webview 安卓无法播放h5视频问题

2019-09-14
阅读 1 分钟
3.3k
最近在开发APP功能的时候遇到一个问题,之前也没有遇到这样的需求所以也没有研究过。功能是这样的:项目中有个webview 加载h5页面,h5页面中有视频播放,IOS端可以点开直接播放,并且有预览画面,而安卓端却没有这个预览画面,且不能直接播放。一开始怀疑是Android的版本问题,一顿查阅发现并没有什么软用。最后还是在re...