开源:ReactNative设置应用角标库

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

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

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

ReactNative支付密码输入框

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

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

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

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

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

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

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

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

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

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的使用讲解,...