一行代码解决Scrollview和TextInput焦点获取问题

2022-11-17
阅读 2 分钟
1.3k
前言业务开发中搜索框和列表的组合页面应该是比较常见的场景,那么有什么坑呢?最近在开发过程就遇到了一个问题,输入搜索关键词查询接口返回数据后,点击列表项并返回上个页面时,发现需要两次点击,纳尼?页面示意图如下通过日志以及逻辑分析发现两个问题:1.第一次点击列表项无法触发onPress点击事件2.第一次点击其实...

React Native 0.64版本发布,iOS开启支持Hermes引擎

2021-03-14
阅读 2 分钟
3.6k
Hermes是一个为优化运行React Native而开源的JavaScript引擎。它通过降低内存利用率、减少下载大小和减少应用程序可用或“交互时间”(TTI)所需的时间来提高性能。
封面图

RN运行项目Error:Unable to resolve module

2020-09-25
阅读 2 分钟
3.6k
今天调试demo遇到一个问题,使用react-native run-ios命令启动app,在加载bundle的时候,本地package 服务报了如下错误:

Pod安装神策SDK报错Remote branch v2.1.3 not found in upstream origin

2020-08-24
阅读 2 分钟
3.9k
从以上代码上可以看到安装SensorsAnalyticsSDK(2.1.3)报错了,提示无法找到远程分支v2.1.3。一直以为是我的网络环境不好,尝试了好多次都不行,有些崩溃的感觉。后来从报错信息入手,打开SensorsAnalyticsSDKgithub地址, 习惯性打开项目的issues查看是否有对应的信息,可惜未找到;于是想到了去查看项目的分支和Tag信息...

一文解决RN0.58部分安卓手机text显示不全问题

2020-08-14
阅读 2 分钟
5.5k
最近项目开发中遇到一个Android的适配问题,同事的红米手机K20pro上项目App中部分页面上的文本显示不全,比如下面这样同事的手机升级到了最新的miui12, 默认的手机字体是小米兰亭pro,正好我这边有个小米8的测试机,前两天也升级到了最新的MIUI12系统,同样的页面在小米8上显示正常。遇到这种问题确实让人头大,怎么办?...

推荐7个Flutter重磅开源项目!

2020-07-15
阅读 5 分钟
13.2k
现在跨平台开发技术的发展可谓如火如荼,而跨平台中的双雄则是ReactNative和Flutter。而由Google推出的Flutter目前的发展更可谓是如日中天,大有一统各端开发的架势,以此给大家整理了一个优质的Flutter开源项目,帮助大家学习Flutter开发。@[toc]

ReactNative0.63正式版发布:LogBox

2020-07-11
阅读 3 分钟
3.5k
今天ReactNative官网发布了0.63版本,距离上一个版本0.62已经过了差不多将近4个月的时间了,我在上一篇文章中也提到了0.62的更新内容一篇文章带你了解ReactNative0.62更新内容。此次0.63版本的更新主要是提供了一个LogBox(日志盒子),一个全新设计的日志系统,方便开发定位开发中遇到的问题,请大家通过本篇文章来了解一...

ReactNative项目升级避坑指南

2020-05-23
阅读 2 分钟
3k
众所周知,ReactNative的项目升级是一个老大难问题,相信经历过版本升级的老铁们,心中的酸(ku)甜(bi)苦(ha)辣(ha)的感觉记忆犹新。因为ReactNative项目升级设计到Android项目,IOS项目以及Javascript项目三方面的修改,处理起来还是很麻烦的,经常是解决一个报错又出来一个新的报错,红色的报错框仿佛在一直提示升级的...

React Navigation5.0系列三:Drawer navigation的使用

2020-05-04
阅读 3 分钟
3k
首先祝大家五四青年节及五一假期快乐。在前面系列文章中我们了解5.0最新版本堆栈导航和选项卡导航的用法,今天我们来看看抽屉导航的使用方法。React Navigation5.0系列一:StackNavigator的使用React Navigation5.0系列二:TabNavigation的使用@[toc]

React Navigation5.0系列二:TabNavigation的使用

2020-03-19
阅读 5 分钟
2k
本篇是React Navigation 5.0系列的第二篇文章,了解一下APP开发中常见的底部导航菜单的使用,即本文的主角:TabNavigation。本篇文章在React Navigation5.0系列一:StackNavigator的使用此篇文章的基础进行延伸,通过一系列文章构建完整的APP导航框架。

ReactNative运行IOS在Xcode 11.0编译报错

2020-03-09
阅读 1 分钟
2.6k
前段时间项目时间紧张,ios端因为pod文件冲突,没有使用ios模拟器开发,今天见打算搞一下这个问题。解决过程主要是如下两个步骤:首先删除项目ios目录下的Pods文件夹,然后进入项目的ios 文件,执行命令pod install,等待pod文件安装完成,重新运行模拟器即可。以为这样就完了?我真是Too Young Too Simple。在ReactNativ...

Flutter全面屏适配

2020-01-19
阅读 4 分钟
4.5k
笔者在这篇文章ReactNative全面屏(Android)适配问题提及了现在的全面屏问题,不仅是Android平台,IOS平台也是,给我的感觉就是手机越来越长了。现在的手机长宽比早就不是之前的16:9了,比如iphoneX 的长宽比为13:6,而现在多数的Android手机都到了19.5:9,有的甚至达到了21:9。基于科技的发展(适配的血泪史),Flutter...

Flutter使用SingleTickerProviderStateMixin报错

2020-01-16
阅读 2 分钟
2.1k
最近在学习开发Flutter应用项目,在创建tabbar和tabview后,进行网络请求后显示顶部tab标签,设置TabController,并使class类实现SingleTickerProviderStateMixin,代码如下

Could not find iPhone 6 simulator

2020-01-15
阅读 3 分钟
2.4k
老项目是一年前的当时项目的的版本时还是0.57,期间工作电脑的系统版本升级到了10.14.6, XCode的版本也升级到了10.3,使用如下命令可以查看当前项目的具体环境信息:

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

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

H5跳转ReactNative打开指定页面

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