React Native共0篇
React Native
排序
React Native实现Toast轻提示和loading
React Native 封装Toast 前言 使用react native的小伙伴都知道，官方并未提供轻提示组件，只提供了ToastAndroid API，顾名思义，只能再安卓环境下使用，对于ios就爱莫能助，故此，只能通过官方...
2年前
Android升级TargetSdk33后 ReactNative文本被遮挡问题
现象 当 Android targetSDK 升级到 33 后,一些 React Native 的 Text （重点是自定义字体 FontFamily 后）会出现高度计算不正确和被遮挡的问题。 分析 RN 的 ReactTextView 使用 Spannable 定制...
2年前如何在 React Native 中使用 FlatList 和 MobX
如何在 React Native 中使用 FlatList 和 MobX 介绍 在开发 React Native 应用时，我们经常需要使用列表来展示数据。React Native 提供了一个高性能的滚动列表组件，叫做 FlatList，它可以展示...
2年前
React Native 性能优化的那点事儿
上篇文章介绍了使用 flutter 框架开发应用的情况下一些性能提升办法，与 flutter 同样受到开发者广泛关注的 React Native 同样也有一些路径可以让其性能得到提升，能够给用户带来更流畅、响应更...
2年前
React Native Android 端Headless JS后台 GPS 持续定位
本文github 仓库 1. 写在前面 有J友在掘金私信我，react native android中，app在后台如何持续获取位置信息，还有headless js中setTimeout没有按预期执行两个问题。问我有什么解决方法，当时我...
2年前
React Native ECharts 全方位对比 React Native 社区流行的绘图库
引言：在现代移动应用开发中, 数据可视化是至关重要的一部分。图表库在React Native应用中扮演着关键角色, 帮助开发人员以可视化的方式呈现和分析数据。React Native生态系统中有许多优秀的图表...
2年前react native 开发带全屏功能的 Video 组件实践
最近使用 React native 开发 app，其中有要求视频播放的功能，遂记录下开发过程中的思路以及遇到的难点，方便做个回顾，也希望能帮助需要的朋友 测试视频链接：media.w3.org/2010/05/sin… 注：...
2年前React Native拆包原理与实现
概览 背景：在 React Native 中，我们打包生成的包只有一个jsbundle，里面包含了我们的业务代码、RN 源码及依赖的第三方库。通常为了更好的性能，我们需要将这个jsbundle文件进行拆分，得到一个...
2年前
react navigation7.x 中文文档青春极速mini版-Fundamentals
0. 术语表 Navigator 导航器。导航器是一个 React 组件，决定如何渲染您定义的屏幕。它包含 Screen 元素作为其子元素，以定义屏幕的配置。 NavigationContainer 一个组件。用于管理我们的导航树...
2年前
前端跨端那些事之React Native
我正在参加「掘金·启航计划」 前端跨端那些事之HyBird中主要介绍了什么是原生和混合开发，以及原生和混合开发的优劣点。本篇主要介绍JavaScript开发+原生渲染的代表React Native。 什么是React...
2年前
react-native-reanimated 实现 loading 动画
这次我们聊聊如何使用 react-native-reanimated, 在 RN 实现一个 loaing 动画， 顺便讲讲 与 RN 提供的 Animated 相比， 有哪些差异 期望效果 3/4 的 橙色圆圈， 不停旋转。 功能实现 这里只会...
2年前【前端也要开发App系列三(2023.06)】跨平台App的发展前景
第一篇统计App跨平台开发技术文章： 【前端也要开发App系列一(2022.09)】跨平台App的发展前景 第二篇统计App跨平台开发技术文章： 【前端也要开发App系列二(2023.02)】跨平台App的发展前景 时...
2年前
团队框架终极选型：Flutter 还是 React Native
在移动开发领域，选择一个合适的开发框架是至关重要的。但是至少对目前来讲，大家都聚焦在 Flutter 和 React Native 两个备受瞩目的跨平台移动框架中进行选择。 我们团队也不例外，特别是在相对...
2年前
react-native-reanimated 实战 – 有亿点复杂的加载动画
众所周知， RN 在做动画时并没有像 web 那般 通过 样式中提供的 animation, keyframe, transiton 即可满足一般需求。今天我们聊聊一个有些复杂的 加载动画 的实现过程。 阅读本文章，你可能收获...
2年前react navigation7.x 中文文档青春极速mini版-Static configuration
React Navigation主要使用基于动态组件的API。这提供了很大的灵活性，但也有一些缺点： TypeScript类型需要手动配置，可能会变得冗长和令人厌烦。 Deep Linking 需要单独配置以匹配导航树的结构...
2年前
记一次Native memory leak排查过程 | 京东云技术团队
1 问题现象 路由计算服务是路由系统的核心服务，负责运单路由计划的计算以及实操与计划的匹配。在运维过程中，发现在长期不重启的情况下，有TP99缓慢爬坡的现象。此外，在每周例行调度的试算过...
2年前探索 React Native 和 Flutter
探索 React Native 和 Flutter 移动应用开发无需重复编写代码？创造令人惊叹的用户体验，同时适用于 iOS 和 Android 平台？这听起来像是不敢想象的未来科技，但事实上，React Native 和 Flutter...
2年前
react 界面与数据分离
我正在参加「掘金·启航计划」 背景说明 你在公司看到的界面一般都是跟后台强绑定的，也就是你的界面很依赖后台的数据格式；所以在开发的时候我们比较喜欢倾向于等后台接口好了以后再进行，这样...
2年前
React和Vue全方位对比
前言 本文将从渐进式、时间线、跨平台及企业级框架情况多个维度对两个库进行对比。 从概念开始 React官网说：React是用于构建用户界面的Javascript库。 Vue官网说：Vue是用于构建用户界面的Java...
2年前
React Native 0.72 版本问世：这次都有哪些重要的更新？
经过漫长的等待，React Native 0.72 终于来了！它带来了许多要求很高的功能、性能和开发人员体验的改进以及其他一些重要的变化。 从 这里 看到本次升级的总览： 在这篇文章中，我们将了解 React...
2年前