开源:ReactNative设置应用角标库

2023-02-02
阅读 2 分钟
1k
项目开发需要RN项目可以设置应用角标,搜索相关资料后发现目前没有第三方库直接支持,所以想到自己通过桥接双端原生进行实现,本着不重复造轮子的思想,将库进行开源。

ReactNative0.71正式版发布,Ts作为首要开发语言

2023-01-14
阅读 2 分钟
1.5k
时隔近4个月的时间,ReactNative带来了0.71版本的更新,这速度对比隔壁Flutter不得不说是真的有的慢。这个版本的更新的内容还是比较重磅和突破性的,主要体现在如下几点:编程语法默认改为TypeScript使用Flexbox Gap使布局更加简单开发者体验提升有关新架构内容的升级引入的部分web开发标准的属性,样式及事件恢复PropTy...

最新版Android原生集成RN

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

ReactNative支付密码输入框

2022-11-27
阅读 3 分钟
983
项目中需求如果涉及钱包,支付等功能,可以大概率会用到输入密码组件,也算是个常见组件吧。之前写过一个纯js的开源组件,使用的类的形式,也比较老了,可直接添加npm库到项目中进行使用。最近项目需要,又重新写了一个hooks版本的,现在直接上源码,对于不想添加依赖库的伙伴,可直接复制源码到项目中,直接使用。 {代...

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

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

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

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

ReactNative自定义车牌号输入框及键盘实现

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

ReactNative集成个推消息推送

2021-01-09
阅读 5 分钟
4.5k
最近项目中需要集成消息推送功能,在以往的项目中都是使用的极光推送方案,现在的公司安卓端使用的是个推消息推送,所以计划在本次使用RN重构项目的过程中也采用了个推方案, 即个推官方提供的推送SDK React Native 插件(支持 Android & iOS)react-native-getui。项目ReactNative版本号:0.63.4
封面图

一文搞懂ReactNative生命周期的进化

2020-10-22
阅读 5 分钟
6k
众所周知每个应用的开发框架都有其对应的生命周期函数,ReactNative是基于React开发的,所以其生命周期先关函数也和React一样密不可分,为什么文章标题叫“生命周期的进化”呢? 这是有原因的,因为React在React 15和React 16两个版本对生命周期函数做了优化调整,到底进行了那些调整和改进呢? 让我们随着本文一探究竟。

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

2020-09-27
阅读 14 分钟
9.4k
Hook是在React 16.8.0版本中新加入的特性,同时在React-Native的0.59.0版本及以上进行了支持,使用hook可以不用class的方式的方式使用state,及类似的生命周期特性。本片文章通过简单的网络请求数据的demo,来一起进一步认识react-hook这一特性,增加理解,涉及到的hook有useState, useEffect, useReducer等。

RN运行项目Error:Unable to resolve module

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

Android注入框架ButterKnife使用解析

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

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

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

ReactNative0.63正式版发布:LogBox

2020-07-11
阅读 3 分钟
3.6k
今天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系列四:Nesting navigators(嵌套导航)

2020-05-04
阅读 6 分钟
2.9k
此文章为ReactNavigation导航库5.0版本的第4篇,前几篇系列文章如下:React Navigation5.0系列一:StackNavigator的使用React Navigation5.0系列二:TabNavigation的使用React Navigation5.0系列三:Drawer navigation的使用此前几篇系列文章,主要讲了StackNavigator, TavNavigation以及Drawer Navigation的使用讲解,...

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

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

ReactNative0.62更新内容,速看

2020-04-03
阅读 2 分钟
3.7k
在今年的3月26日,FaceBook正式发布了ReactNative最新版本,版本号为0.62。作为一款优秀的开源跨平台开发框架,和对手Google开发的Flutter相比,近一年来的发展可谓进步缓慢,至今尚未发布1.0的正式版本。今天我们来聊一聊最新版本的更新内容。

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...

React Navigation5.0系列一:StackNavigator的使用

2020-02-15
阅读 3 分钟
3.3k
想必读者朋友们在官宣:ReactNative导航库重大更新这篇文章中了解到了,React Native官方推荐的路由导航库React Navigation更新到了第5版,也了解到了具体的提升和变化的地方,感兴趣的朋友可以仔细阅读这篇文章来了解一下新版和之前版本的差异。新版本的React Navigation相比较之前的版本,无论是安装或者项目中集成的...

官宣:ReactNative导航库重大更新

2020-02-09
阅读 3 分钟
3.6k
2020年2月6日React Navigation通过其博客正式宣布了React Navigation第5个版本,即React Navigation 5.0,其称之为一种新的导航方式。官网博客地址:React Navigation 5.0 - A new way to navigate今天通过本篇文章来一起看一下和之前版本有何不同。

Flutter混合开发踩坑指北

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

号外!号外!百度语音开源库更新了

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

Flutter全面屏适配

2020-01-19
阅读 4 分钟
4.6k
笔者在这篇文章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.5k
老项目是一年前的当时项目的的版本时还是0.57,期间工作电脑的系统版本升级到了10.14.6, XCode的版本也升级到了10.3,使用如下命令可以查看当前项目的具体环境信息:

Flutter打包apk报错:Your app isn't using AndroidX.

2020-01-07
阅读 2 分钟
2.7k
配置完了Android的签名文件后,运行Flutter bulid app命令行,构建一个正式(release)包,在构建的过程中出现了如下的提示,但是可以构建成功。