wayne214的博客

以上就是0.71版本的主要更新内容，此次重点还是把TypeScript作为首要开发语言。

业务开发中搜索框和列表的组合页面应该是比较常见的场景，那么有什么坑呢？最近在开发过程就遇到了一个问题，输入搜索关键词查询接口返回数据后，点击列表项并返回上个页面时，发现需要两次点击，纳尼？页面示意图如下1.第一次点击列表项无法触发onPress点击事件2.第一次点击其实是使输入框失去焦点并隐藏键盘知道问题在哪就有解决问题的方向了：点击列表项使输入框自动失去焦点，并触发onPress点击事件。写了Android和Flutter混合开发一年多，又开始写RN了，就想一个圆一样。

作为跨平台开发框架的明星产品React Native迎来了0.70版本的更新，此次更新主要是内容是Hermes作为默认js引擎，针对Godegen的新统一配置，支持Androi端CMake的构建以及有关新架构文档的更新说明。

内存泄漏可以说伴随着我们的开发进程一直存在，为了更好的用户体验，我们需要进行相应的内存优化，下面列出的一些内存泄漏的场景能更好的帮助我们定位问题。从有一组定义为gc root的根节点到目标对象的路径，称为可达性，此类对象也就是存活对象，不可达的对象就是应该被Gc垃圾回收机制进行回收的对象.在当前应用的生命周期内不再使用的对象，依然被gc root引用，导致无法回收，既造成了内存泄漏。对于资源性对象不再使用时，应该立即调用它的close()函数，将其关闭，然后再置为null。例如Bitmap等资源未关闭会造成

在Android开发中，不论是原生开发，亦或是ReactNative,Flutter跨平台开发，都需要进行连接真机进行调试，因为真机和模拟还是有区别的。有个必备的步骤，那就是使用数据线连接开发电脑和你的测试手机，然后开启开发者模式进行授权调试。 这时这个线就成了枷锁，不能随心所欲的把玩你的bug, 在调试过程中，在和其他同学拿着手机沟通问题时， 在和向测试同学展示bug修复问题时， 都有可能不小心把你的水杯弄倒，水撒到桌子上，撒到电脑上，又是另外的故事了。 现在Android Studio原生支持Wifi调

1.与原生应用开发采用的命令式编程范式相对应，ReactNative使用的是声明式的编程范式， 比如采用JSX编写布局页面2.ReactNative的特点：组件化、单向数据流、原生组件、跨Android/iOS3.框架自有组件的通用样式：4.创建组件状态的方法：useReducer5.二进制图片占用3个字节，编码成为Base64后占用4个字节,因此Base64 图片体积比其他二进制图片体积大1/36.RN中可以增加 Pressable 组件点按事件的触发区域的方式：7.可以实现视图复用的列表组件是Recyc

文章目录亮点重大更新其他更新和修复可选的新架构官方网站的更新亮点重大更新ReactNative升级Node 16, 此更改意味着用户现在需要使用 Node >= 14 的版本Android Gradle插件升级至7.0.1，强制使用JDK 11进行Android build移除了iOS ApiRCTBundleURLProvider中的fallbackResource相关工具类的更新：@react-native-community/cli to 7.0.3Metro to 0.6

React Native 0.64版本发布了，主要更新内容是在iOS开启支持Hermes。文章目录1.iOS支持Hermes引擎。2.默认启用Inline Requires3.使用Chrome查看Hermes4.Hermes支持代理5.支持React 176.总结1.iOS支持Hermes引擎。Hermes是一个为优化运行React Native而开源的JavaScript引擎。它通过降低内存利用率、减少下载大小和减少应用程序可用或“交互时间”（TTI）所需的时间来提高性能。其实Hermes在之前就

问题学习React Web页面开发的过程中，遇到了一个问题设置img标签的图片地址，没有任何显示，但是换另外一个图片地址就可以展示，但是通过浏览器直接访问图片地址是没有问题的，有点纳闷，就查阅了一下资料。通过学习了解调，src设置网络图片无法展示，是因为浏览器在访问图片地址时会自动在请求上添加了refre字段，而有些网站服务器针对refre做了防盗链设计就返回了403,自然就无法展示。解决方案解决方案也很简单， 在react项目的public路径下，找到index.html文件，在head标签中添加

最近在学习开发Web页面，因为自己一直从事ReactNative开发工作，自然前端页面的学习也是采用了ReactUI框架，昨天在学习的时候，在导入styled-components后设置全局页面的CSS样式时，遇到了以上的错误提示，于是就去这个组件的github官网查看了相关的问题，找到了如下的答案：// Before:import { injectGlobal } from 'styled-components';injectGlobal` html { background: red

项目中用到了自定义的车牌号及键盘

文章目录前言集成1. 自动添加依赖2.手动添加配置1.在android/build.gradle中添加maven地址中添加配置2.android目录下，在app/build.gradle中添加如下配置3.android--> defaultConfig中添加如下配置4.在android/app/AndroidManifest.xml 的标签内添加meta-data5.在MainApplication.java的文件里添加以下信息ReactNative项目中JS调用代码前言最近项目中需要集成消息推送

发现的问题最近公司项目在使用ReactNative集成融云的IM-SDK,使用了一个前辈做的集成库， 在使用中发现了一下问题。首先发送文字消息正常的，但是发送图片消息，本地和远端都无法展示融云返回的图片， 使用的图片选择库是react-native-image-picker。开始项目中使用的是最新版本， 返回的图片地址是图片uri 是以”content“为开头的，使用此图片地址调用融云的发送图片信息接口，发送成功，但是融云返回的的remote图片地址并不能展示图片，甚是苦恼。寻找答案于是到reac

项目中使用了融云的及时通讯解决方案，使用了第三方集成库rongcloud-react-native-imlib， 在debug模式中连接融云接收消息正常， 但是生成release包， 安装apk到手机上发现无法获取融云的历史消息，也就是没有连接成功，也是郁闷至极。通过查阅资料，找到了解决方案， 在项目的Android目录中，找到app文件夹下的build.gradle文件，修改为如下：android { ... buildTypes { release {

最近入职了新公司，进行新项目的开发工作， 公司的测试环境使用的http网络，打包apk,安装到手机上发现无法访问网络。特此进行记录一下，也供同行朋友们参考。解决方法：打开项目的Android目录下，在app/src/main路径下找到AndroidManifest.xml文件，在application节点下添加 android:usesCleartextTraffic=“true”有图有真相...

文章目录前言JSX的定义JSX编译工具-BabelJSX描述小结为什么React使用JSXJSX是如何映射为虚拟DOM的如何渲染到DOMrender()总结前言众所周知React Native开发中，页面View书写布局采用了React 的JSX语法，而在ReactNative面试中可能会遇到有关JSX相关的面试题，今天和大家分享有关JSX的知识，为你的面试助一臂之力。JSX的定义JSX到底是什么？我们先看看React官网的定义。JSX is a syntax extension to Java

本文将介绍如何在使用React Hook进行网络请求及注意事项。文章目录前言使用useState创建js页面使用useEffect请求数据你会遇到的问题手动触发hook请求添加一个加载框网络请求错误的处理CommonFetchApi使用useReducer进行网络请求页面销毁时中断网络请求总结前言Hook是在React 16.8.0版本中新加入的特性，同时在React-Native的0.59.0版本及以上进行了支持，使用hook可以不用class的方式的方式使用state，及类似的生命周期特性。本片

集成百度语音识别报错问题

最近整理了一些Android中的知识点，纯干货，偷偷告诉你，这也是面试的高频面试题哦。文章目录1.解决 Android 多进程导致 Application 重复创建问题(process 造成多个 Application)2.通过 Binder 传递数据的限制3.后台启动 Activity 失效4.Android启动activity之taskAffinity5.事件分发6.自定义View7.RecyclerView缓存1.解决 Android 多进程导致 Application 重复创建问题(proces

Android开发中使用注入框架，可减少findViewById的代码量，也能让我们的代码更加整洁，有许多著名的注入框架比如，ButterKnife,Annotation,XUtils,afinal等，最开始接触的是XUtils，后面开始接触到了ButterKnife; XUtils包含了许多模块，比如数据库操作orm,网络请求，图片及视图注入，而如果仅需要做视图注入的话BK更合适些。今天来看看ButterKnife的使用。文章目录1.添加依赖2.使用使用@BindView取代findViewByI.

最近公司项目要求进行定时上传位置信息，及埋点，因为使用的是RN开发，一开始就是想到在Android和Ios原生里进行操作。在原生里面实现了定时任务，Android里面使用的是broadcastReceive + service + timer实现了。现在需要生成一个日志文件，一开始想在原生里面进行实现文件的读写。后来查找相关资料，发现了一个不错的第三方插件，react-native-fs，现在记录一下，集成步骤及简单的文件读写操作。插件地址：https://github.com/itinance/re

想必读者朋友们在官宣：ReactNative导航库重大更新这篇文章中了解到了，React Native官方推荐的路由导航库React Navigation更新到了第5版，也了解到了具体的提升和变化的地方，感兴趣的朋友可以仔细阅读这篇文章来了解一下新版和之前版本的差异。新版本的React Navigation相比较之前的版本，无论是安装或者项目中集成的方法和步骤，都发生了很大的变化，接下来跟着这篇...

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

最近原来的老项目有点问题需要处理一下，运行启动命令，就报了如下错误，提示找不到iPhone 6 模拟器。react-native run-iosOwaiss-Mac:pdm owaisahmed$ react-native run-iosFound Xcode project pdm.xcodeprojCould not find iPhone 6 simulatorError: ...

今天简单说一下react-native平台上比较好用的表格组件的使用方法：组件地址：react-native-table-component第一步，添加依赖yarn add react-native-table-component第二步，在需要的功能页面导入组件import {Row, Rows, Table} from 'react-native-table-component';...

Postman是一款功能超级强大的用于发送 HTTP 请求的 Chrome插件。其主要特点特点：创建 + 测试：创建和发送任何的HTTP请求，请求可以保存到历史中再次执行Organize:使用Postman Collections为更有效的测试及集成工作流管理和组织APIsdocument:依据你创建的Clollections自动生成API文档,并将其发布成规范的格式collarorat...