React Native共0篇
React Native

React Native实现Toast轻提示和loading

React Native 封装Toast 前言 使用react native的小伙伴都知道,官方并未提供轻提示组件,只提供了ToastAndroid API,顾名思义,只能再安卓环境下使用,对于ios就爱莫能助,故此,只能通过官方...
admin的头像-五八三admin2年前
0230
基于Getx的Flutter应用架构-五八三

基于Getx的Flutter应用架构

前言 架构 这里讲的架构并不是MVC, MVP, MVVM之类的. 其实像React Native, Flutter这种声明式UI, 架构上天生就是MVVM. 当然你还可以搞点花样, 加上Redux, 弄成个MVI也行, 只不过我三年的React N...
admin的头像-五八三admin2年前
0150
NutUI React Native 组件库正式发布?,适配 JDReact,欢迎试用!-五八三

NutUI React Native 组件库正式发布?,适配 JDReact,欢迎试用!

NutUI React Native Github 地址:github.com/jdf2e/nutui… NutUI React Native 官方文档地址:nutui.jd.com/react-nativ… 前言 在家政、到店、旅行、电影票等业务需求开发中,受限包大小控制...
admin的头像-五八三admin2年前
0190

React Native集成CodePush热更新遇到的坑,以及折腾过程。"CFBundleShortVersionString" key needs to specify a valid semver string

最近开始一个React Native的新项目。按惯例,在创建完项目后,先集成CodePush热更新功能。 这种活已经干过不止一两次了,当然没啥问题,直接上手开干。 可问题恰恰出在了本以为应该很顺利的地方...
admin的头像-五八三admin2年前
0180
React Native 0.72 版本问世:这次都有哪些重要的更新?-五八三

React Native 0.72 版本问世:这次都有哪些重要的更新?

经过漫长的等待,React Native 0.72 终于来了!它带来了许多要求很高的功能、性能和开发人员体验的改进以及其他一些重要的变化。 从 这里 看到本次升级的总览: 在这篇文章中,我们将了解 React...
admin的头像-五八三admin2年前
0180

探索 React Native 和 Flutter

探索 React Native 和 Flutter 移动应用开发无需重复编写代码?创造令人惊叹的用户体验,同时适用于 iOS 和 Android 平台?这听起来像是不敢想象的未来科技,但事实上,React Native 和 Flutter...
admin的头像-五八三admin2年前
0460
react-native-reanimated 实战 - 有亿点复杂的加载动画-五八三

react-native-reanimated 实战 – 有亿点复杂的加载动画

众所周知, RN 在做动画时并没有像 web 那般 通过 样式中提供的 animation, keyframe, transiton 即可满足一般需求。今天我们聊聊一个有些复杂的 加载动画 的实现过程。 阅读本文章,你可能收获...
admin的头像-五八三admin2年前
090
react-native-reanimated 实现 loading 动画-五八三

react-native-reanimated 实现 loading 动画

这次我们聊聊如何使用 react-native-reanimated, 在 RN 实现一个 loaing 动画, 顺便讲讲 与 RN 提供的 Animated 相比, 有哪些差异 期望效果 3/4 的 橙色圆圈, 不停旋转。 功能实现 这里只会...
admin的头像-五八三admin2年前
0110

React Native拆包原理与实现

概览 背景:在 React Native 中,我们打包生成的包只有一个jsbundle,里面包含了我们的业务代码、RN 源码及依赖的第三方库。通常为了更好的性能,我们需要将这个jsbundle文件进行拆分,得到一个...
admin的头像-五八三admin2年前
0120
React Native Android 端Headless JS后台 GPS 持续定位-五八三

React Native Android 端Headless JS后台 GPS 持续定位

本文github 仓库 1. 写在前面 有J友在掘金私信我,react native android中,app在后台如何持续获取位置信息,还有headless js中setTimeout没有按预期执行两个问题。问我有什么解决方法,当时我...
admin的头像-五八三admin2年前
0850

如何在 React Native 中使用 FlatList 和 MobX

如何在 React Native 中使用 FlatList 和 MobX 介绍 在开发 React Native 应用时,我们经常需要使用列表来展示数据。React Native 提供了一个高性能的滚动列表组件,叫做 FlatList,它可以展示...
admin的头像-五八三admin2年前
070
react-native中使用webview加载本地html及其相关css、js资源-五八三

react-native中使用webview加载本地html及其相关css、js资源

一、前言 离了大谱啊,家人们!产品叫我把一个h5的网站打包到app里面去,离线加载。 我:不能直接把h5部署到服务器上去,然后通过域名访问吗?(不管三七二十一,先驳回) 产品:小老弟哇,用你...
admin的头像-五八三admin2年前
050
react native 跳坑 - ScrollView 滚不动-五八三

react native 跳坑 – ScrollView 滚不动

前言 学习一种语言最好的方式就是实践和落地了,最近抽出点时间来打算把 YY 的小程序项目,用 RN 来实现一次, 看看过程都有哪些坑。 这次遇到的坑是, <ScrollView /> 不灵了。 场景 YY ...
admin的头像-五八三admin2年前
0110

Flutter vs React Native:选择最适合的跨平台移动应用开发框架

初学两者,如有错误请谅解! Flutter概述 Flutter是由Google开发的跨平台移动应用开发框架。它通过自定义渲染引擎和Widget树构建用户界面,使用Dart语言进行开发。Flutter具有出色的性能、渲染...
admin的头像-五八三admin2年前
090

React Native列表组件:FlatList、RecyclerListView对比

前言 永远把别人对你的批评记在心里,别人的表扬,就把它忘了。Hello 大家好~!我是南宫墨言 在京东首页、淘宝首页、抖音视频、微信朋友圈这类信息流页面中,你看一页,还有下一页,看完下一页...
admin的头像-五八三admin2年前
0220
React和Vue全方位对比-五八三

React和Vue全方位对比

前言 本文将从渐进式、时间线、跨平台及企业级框架情况多个维度对两个库进行对比。 从概念开始 React官网说:React是用于构建用户界面的Javascript库。 Vue官网说:Vue是用于构建用户界面的Java...
admin的头像-五八三admin2年前
0140
记一次Native memory leak排查过程 | 京东云技术团队-五八三

记一次Native memory leak排查过程 | 京东云技术团队

1 问题现象 路由计算服务是路由系统的核心服务,负责运单路由计划的计算以及实操与计划的匹配。在运维过程中,发现在长期不重启的情况下,有TP99缓慢爬坡的现象。此外,在每周例行调度的试算过...
admin的头像-五八三admin2年前
0180
团队框架终极选型:Flutter 还是 React Native-五八三

团队框架终极选型:Flutter 还是 React Native

在移动开发领域,选择一个合适的开发框架是至关重要的。但是至少对目前来讲,大家都聚焦在 Flutter 和 React Native 两个备受瞩目的跨平台移动框架中进行选择。 我们团队也不例外,特别是在相对...
admin的头像-五八三admin2年前
070
前端跨端那些事之React Native-五八三

前端跨端那些事之React Native

我正在参加「掘金·启航计划」 前端跨端那些事之HyBird中主要介绍了什么是原生和混合开发,以及原生和混合开发的优劣点。本篇主要介绍JavaScript开发+原生渲染的代表React Native。 什么是React...
admin的头像-五八三admin2年前
070

react native 开发带全屏功能的 Video 组件实践

最近使用 React native 开发 app,其中有要求视频播放的功能,遂记录下开发过程中的思路以及遇到的难点,方便做个回顾,也希望能帮助需要的朋友 测试视频链接:media.w3.org/2010/05/sin… 注:...
admin的头像-五八三admin2年前
070