4 wayne214

北京就是逐鹿科技有限公司 - ReactNative工程师

我要认证

欢迎大家关注公众号:君伟说。

等级
TA的排名 4w+

如何优雅的在react-hook中进行网络请求

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

2020-09-27 16:05:27

RN运行项目报错:Unable to resolve module `./debugger-ui/debuggerWorker.js` from ``

今天调试demo遇到一个问题,使用react-native run-ios命令启动app,在加载bundle的时候,本地package 服务报了如下错误:报错···Error: Unable to resolve module ./debugger-ui/debuggerWorker.js from ``:None of these files exist:debugger-ui/debuggerWorker.js(.native|.native.js|.js|.native.json|.jso

2020-09-25 14:31:42

Flutter集成百度语音识别(Android端)实战

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

2020-09-23 16:44:58

从源码解析Handler机制

Handler机制是面试中的常客了,今天和大家一起通过源码层面来解析一下。文章目录前提知识点最简单的应用sendMessage之后发生了什么怎么取MessageQueue中的消息面试常见问题1.Looper.loop() 为什么不会阻塞主线程2.Handler 的 sendMessageDelayed 或者 postDelayed 是如何实现的总结前提知识点Handler机制涉及到几个类: MessageQueue, Looper, Message, ActivityThread。Activity

2020-09-14 17:59:02

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

文章目录问题解决方法问题今日在执行项目调试,ios使用pod安装第三方依赖的时候,执行pod install报错:[!] Error installing SensorsAnalyticsSDK[!] /usr/bin/git clone https://github.com/sensorsdata/sa-sdk-ios.git /var/folders/80/2n8k46ln2bdf3xk5dkdf_ddm0000gn/T/d20200824-10173-1tsouho --template=

2020-08-24 18:31:53

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

最近项目开发中遇到一个Android的适配问题,同事的红米手机K20pro上项目App中部分页面上的文本显示不全,比如下面这样同事的手机升级到了最新的miui12, 默认的手机字体是小米兰亭pro,正好我这边有个小米8的测试机,前两天也升级到了最新的MIUI12系统,同样的页面在小米8上显示正常。遇到这种问题确实让人头大,怎么办?搞呗。在GitHub上react-native项目中搜索相关问题,下面是就是对相关问题的讨论issues,感兴趣的朋友可以去看看。Github相关问题:issues,发现不

2020-08-14 13:47:26

纯干货Android知识点整理(二)

本篇为第二篇整理的文章,第一篇的链接纯干货Android知识点整理(一)文章目录1.OkHttp解析2.Bitmap解析3.Window、Activity、View三者关系4.Handler机制5.APK安装包体积优化1.OkHttp解析首先 OkHttp 内部是一个门户模式,所有的下发工作都是通过一个门户 Dispatcher 来进行分发。然后在网络请求阶段通过责任链模式,链式的调用各个拦截器的 intercept 方法。其中有 2 个比较重要的拦截器:CacheInterceptor 和 Ca

2020-08-12 17:12:10

升级Node版本RN项目运行报错cb.apply is not a function

今日打算安装一下ReactNative官方推荐的脚手架工具Ignite。文章目录node版本升级1.查看可以安装的node版本2.选择一个版本进行安装3.查看已安装的版本遇到报错查找问题所在解决问题node版本升级1.查看可以安装的node版本nvm ls-remote2.选择一个版本进行安装nvm install v12.18.33.查看已安装的版本nvm ls遇到报错担心会影响原有项目,所以编译启动了当前项目,编译build success,完美,but,APP启动直接就把

2020-08-11 11:17:28

纯干货Android知识点整理(一)

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

2020-08-09 17:41:37

Android注入框架ButterKnife使用解析

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

2020-08-05 14:13:22

关于RN之debug与release模式那些事

在使用 React Native 时,我们用到两个不同的js引擎JS引擎在iOS、Android的模拟器或是真机上,React Native使用的是JavaScriptCore,也就是Safari所使用的JavaScript引擎。但是在iOS上JavaScriptCore并没有使用即时编译技术(JIT),因为在iOS中应用无权拥有可写可执行的内存页(因而无法动态生成代码)。在使用Chrome调试时,所有的JavaScript代码都运行在Chrome中,并且通过WebSocket与原生代码通信。此时的

2020-08-03 16:05:01

Flutter时间格式化工具

本期推荐Flutter时间格式化工具Intl文章目录添加依赖安装使用添加依赖dependencies: intl: ^0.16.1安装flutter pub get使用import 'package:intl/intl.dart';String getCurrentTime() { DateTime now = DateTime.now(); var formatter = DateFormat('yy-MM-dd hh:mm:ss'); return fo

2020-07-22 16:16:16

Flutter报错:Waiting for another flutter command to release the startup lock...

打开项目,运行flutter pub get时报错:Waiting for another flutter command to release the startup lock...解决方案:打开flutter的安装目录,找到flutter/bin/cache/lockfile文件,删除即可进入flutter的安装目录,执行命令:rm ./flutter/bin/cache/lockfile。觉得文章不错的,给我点个赞哇,关注一下呗!技术交流可关注微信公众号【君伟说】,加我好友一起探讨

2020-07-20 17:07:09

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

现在跨平台开发技术的发展可谓如火如荼,而跨平台中的双雄则是ReactNative和Flutter。而由Google推出的Flutter目前的发展更可谓是如日中天,大有一统各端开发的架势,以此给大家整理了一个优质的Flutter开源项目,帮助大家学习Flutter开发。1Flutter仿携程App(1)应用截图:(2)实现功能及特性实现首页、搜索、旅拍、我的四大模块;实现网络图片本地缓存;旅拍模块实现瀑布流布局;接口数据抓取携程H5端;集成友盟数据统计;(3)项目结构:依赖:azlis

2020-07-15 10:42:52

ReactNative0.63正式版发布:LogBox

今天ReactNative官网发布了0.63版本,距离上一个版本0.62已经过了差不多将近4个月的时间了,我在上一篇文章中也提到了0.62的更新内容一篇文章带你了解ReactNative0.62更新内容。此次0.63版本的更新主要是提供了一个LogBox(日志盒子),一个全新设计的日志系统,方便开发定位开发中遇到的问题,请大家通过本篇文章来了解一下吧。文章目录LogBoxPressable原生平台Color(PlatformColor, DynamicColorIOS)不再支持iOS9及Node.js

2020-07-11 16:56:12

React Native文件读写操作(更新)

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

2020-06-11 17:02:54

重学数据结构之链表篇

本文是重学数据结构系列文章的第二篇,本文和大家一起探讨链表的相关知识。重学数据结构之数组篇文章目录链表是怎么样的数据结构链表的特点常见的链表结构单链表双向链表循环链表链表or数组链表的应用正确写出链表的6个技巧链表是怎么样的数据结构链表,不需要连续的内存空间,通过“指针(引用)”将一组零散的内存块串联起来的数据结构。内存块在链表中也叫“结点”,每个结点除了存储数据,还需要记录链上的下一个或者上一个结点的地址。链表的特点1.插入、删除数据效率高O(1)级别(只需更改指针指向即可),随机访问效率低

2020-06-04 17:33:32

重学数据结构之数组篇

数组在我们日常的编程工作中会经常用到,它不仅仅是一种编程语言的数据类型,还是一种最基础的数据结构。今天我们来重新认识一下它。文章目录数组是什么?关键词数组是如何通过下标随机访问元素的插入和删除操作低效原因数组越界问题数组和容器的适用场景为什么数据的下标索引是从零开始面试问题数组是什么?数组是一种线性表数据结构,用一组连续的内存空间,来存储一组具有相同类型的数据。关键词线性表连续的内存空间和相同类型的数据线性表,表示数据像糖葫芦一样被串起来,每个数据最多只有前后两个方向。除了数组,其他线性表

2020-06-03 16:59:47

ReactNative项目升级避坑指南

https://reactnative.cn/docs/upgrading通过官网提供的Upgrade Helper工具来帮助我们更好的完成升级工作。debug遇到的问题:Unable to resolve module ./debugger-ui/debuggerWorker.js from解决方案:watchman watch-del-allreact-native start --reset-cache...

2020-05-23 18:27:49

Flutter开发常用第三方插件持续更新,不重复造轮子

2020.5.20整理Bilibili开源的视频播放组件,fijkplayr 是基于 ijkplayer 封装的 flutter 媒体播放器,开箱即用,无需编译 ijkplayerfijkplayer加载动画库flutter_spinkit网络请求库,dio是一个强大的Dart Http请求库,支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时、自定义适配器等…Dio图片缓存框架cached_network_image轮播组件,flutt

2020-05-20 18:51:23

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 脉脉勋章
    脉脉勋章
    绑定脉脉第三方账户获得
  • 签到王者
    签到王者
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 推荐红人
    推荐红人
    发布高质量Blink获得高赞和评论,进入推荐栏目即可获得
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。