logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

reactnative页面适配UI设计尺寸px转dp的完美解决方案px2dp精要篇

React Native屏幕适配的核心在于动态计算、像素对齐和横竖屏检测。本文提供了一套终极方案:以屏幕短边为基准,结合PixelRatio.roundToNearestPixel确保像素完美,并监听Dimensions变化实现动态适配。同时处理字体缩放、异形屏和响应式布局,让UI在任何设备上都能精准呈现。适配不是"一刀切",而是智能调整的艺术。

#react native#ui#react.js
React Native 实现抖音式图片滑动切换浏览组件-媲美抖音体验的滑动式流畅预览组件

用reactnative框架实现类似抖音滑动切换页面浏览组件,多图可以左右滑动查看,支持上下滑动,做了预加载、分页加载、多级缓存,性能简直嗖嗖的~

#react native#react.js#javascript
攻克小米10等机型文字截断问题:React Native优雅适配部分安卓机型文字显示不全策略

相信和我一样使用react-native开发app的猿友,都会遇到很多兼容问题。那么大家有没有遇到过小米10及其他部分机型出现<Text></Text>组件中的文字 显示不全(结尾的文字 不显示)的问题。这个问题困扰了我很久,今天终于解决了。废话少说,直接上干货。

文章图片
#react native
突破测试环境文件上传带宽瓶颈!React Native 阿里云 OSS 直传文件格式问题攻克二

我们对服务端和阿里云oss的配置及前端调用做了简单的介绍,但是一直报错。最终判断是文件格式问题,通常我们在reactnative中用formData上传,这里的file是文件的本地路径,如"file://android_asset/文件名",这里注意file://在安卓选择后并没有,需要我们来进行添加。但事实证明这里并不能直接通过路径上传,而是需要对文件进行处理,转为二进制数据,我们这里选择的是'

文章图片
#阿里云#react native
ReactNative开发还不会跟android交互通信吗?赶快看一下这篇文章,瞬间豁然开朗-原来跨平台调用原生方法竟然如此简单

reactnative和android进行交互通信,让不会原生的你,可以很快掌握应用原生实现rn实现不了的功能

#react native#android#交互
封装react-native组件开源到npm

前奏做前端也有一段时间了,封装了大大小小很多的组件,至今自己都有点想不起来了有哪些了,但都是在项目代码里面。如果想跨项目使用,要用的时候需要一个个项目去翻找,还必须copy代码过去,着实头痛。近期,恰逢公司要求封装独立的组件系统供各个系统标准化调用。这才开始将现有组件逐一进行发布。当然,公司使用的内网,这里是我经过修改后,开源后方便自己之余以供大家参考。tips: 这里将采用第三方的插件(reac

#npm#react native
突破测试环境文件上传带宽瓶颈!React Native 阿里云 OSS 直传文件格式问题攻克一

通常情况下,作为前后端分离的项目来说,文件上传是最寻常的功能之一。虽然每个公司选择的文件管理云库各不相同,但实现思路基本一致。我所在公司使用阿里云oss文件管理,之前服务端做了透传,但是由于每个测试环境的带宽限制,导致在测试环境出现文件上传受限的问题。因此,痛定思痛,决定抛开中间层,直传阿里云OSS。

文章图片
#阿里云#react native
React-Native热更新codepush

React-Native热更新安装环境:React-native 0.63.3React-native-code-push 0.6.3全局安装App Center CLI第一步全局安装appcenter的脚手架,通过npm安装,(国内用户可能会比较慢,请添加淘宝镜像)npm install -g appcenter-cli登录appcenter* 首次登录执行appcenter login 数秒后

攻克小米10等机型文字截断问题:React Native优雅适配部分安卓机型文字显示不全策略

相信和我一样使用react-native开发app的朋友,都会遇到很多兼容问题。那么大家有没有遇到过小米10手机上<Text></Text>组件中的文字 显示不全(结尾的文字 不显示)的问题。这个问题困扰了我整整一个多月,也召集过组内人员进行头脑风暴,大家绞尽脑汁、上各大搜索引擎,技术论坛“求教”,最终终于在Stack Overflow找到了答案。废话少说,直接上干货。有两

#react native
到底了