2025 年 1 月 21 日，React Native 0.77 正式发布，此版本带来诸多新特性、对 Android 的支持增强、社区模板更新以及一些重要变更。

现在不少应用都是采用了混合开发模式，不论是原生加RN,或是原生加Flutter,或是原生加H5。原生实现主业务线，其他部分可以借助跨平台方案开发，提高开发效率，或者实现热更新，调高业务迭代效率。

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

Hermes是一个为优化运行React Native而开源的JavaScript引擎。它通过降低内存利用率、减少下载大小和减少应用程序可用或“交互时间”（TTI）所需的时间来提高性能。

项目中用到了自定义的车牌号及键盘,按照公司需求做了部分优化处理，现在做个记录，页面展示及效果如下：动态使用效果，b站视频github地址：VehicleTextInput感谢大佬提供的思路：[链接]觉得文章不错的，给我点个赞哇，关注一下呗！ 技术交流可关注公众号【君伟说】，加我好友一起探讨 交流群：wayne214（备注技术交流）...

最近项目中需要集成消息推送功能，在以往的项目中都是使用的极光推送方案,现在的公司安卓端使用的是个推消息推送，所以计划在本次使用RN重构项目的过程中也采用了个推方案， 即个推官方提供的推送SDK React Native 插件（支持 Android & iOS）react-native-getui。项目ReactNative版本号：0.63.4

今天调试demo遇到一个问题，使用react-native run-ios命令启动app,在加载bundle的时候，本地package 服务报了如下错误：

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

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

Android开发中使用注入框架，可减少findViewById的代码量，也能让我们的代码更加整洁，有许多著名的注入框架比如，ButterKnife,Annotation,XUtils,afinal等，最开始接触的是XUtils，后面开始接触到了ButterKnife; XUtils包含了许多模块，比如数据库操作orm,网络请求，图片及视图注入，而如果仅需要做视图注入的话BK更合...

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

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

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

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

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

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

2020年这个长假因为新型冠状病毒疫情显得格外不一样，好多小伙伴应该已经闲的长毛了，再坚持一下，相信国家很快就会控制住的。这两天实在不知道做啥了，开始跟着keep计划健身，为即将来临的工作热身，今天学习了一下Flutter的混合开发知识。Flutter与Android的原生混合开发学习中遇到一些问题，现在记录如下。首先看一下...

开源：ReactNative集成百度语音开源库，在这篇文章中作者开源了一个ReactNative集成百度语音合成的组件库，今天通过查看Github上的关于开源react-native-baidu-vtts 的issues，有朋友提到了一个bug,并给出了具体报错

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

最近在学习开发Flutter应用项目，在创建tabbar和tabview后，进行网络请求后显示顶部tab标签，设置TabController,并使class类实现SingleTickerProviderStateMixin，代码如下

配置完了Android的签名文件后，运行Flutter bulid app命令行，构建一个正式（release）包，在构建的过程中出现了如下的提示，但是可以构建成功。

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

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

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

接触RN开发也快两年的时间了，期间也开发了5、6个APP了，ReactNative的版本也在快速的迭代着，今天重新出发，从源码解析一下App的启动流程，此次解析基于RN 0.60.5版本。

新建了一个基于ReactNative version0.60.5的新项目，在使用Android Studio编译项目的时候build了如下错误：

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

工作可能有这样的需求，就是手机浏览器中加载一个h5页面，点击可以打开某一个APP，比如微信等。这时候通常都是采用URL Scheme的方式进行配置跳转。那么什么是URL Scheme呢？简单说：它是一个页面跳转协议。

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