排序
React Native实现Toast轻提示和loading
React Native 封装Toast 前言 使用react native的小伙伴都知道,官方并未提供轻提示组件,只提供了ToastAndroid API,顾名思义,只能再安卓环境下使用,对于ios就爱莫能助,故此,只能通过官方...
基于Getx的Flutter应用架构
前言 架构 这里讲的架构并不是MVC, MVP, MVVM之类的. 其实像React Native, Flutter这种声明式UI, 架构上天生就是MVVM. 当然你还可以搞点花样, 加上Redux, 弄成个MVI也行, 只不过我三年的React N...
NutUI React Native 组件库正式发布?,适配 JDReact,欢迎试用!
NutUI React Native Github 地址:github.com/jdf2e/nutui… NutUI React Native 官方文档地址:nutui.jd.com/react-nativ… 前言 在家政、到店、旅行、电影票等业务需求开发中,受限包大小控制...
React Native集成CodePush热更新遇到的坑,以及折腾过程。"CFBundleShortVersionString" key needs to specify a valid semver string
最近开始一个React Native的新项目。按惯例,在创建完项目后,先集成CodePush热更新功能。 这种活已经干过不止一两次了,当然没啥问题,直接上手开干。 可问题恰恰出在了本以为应该很顺利的地方...
React Native 0.72 版本问世:这次都有哪些重要的更新?
经过漫长的等待,React Native 0.72 终于来了!它带来了许多要求很高的功能、性能和开发人员体验的改进以及其他一些重要的变化。 从 这里 看到本次升级的总览: 在这篇文章中,我们将了解 React...
探索 React Native 和 Flutter
探索 React Native 和 Flutter 移动应用开发无需重复编写代码?创造令人惊叹的用户体验,同时适用于 iOS 和 Android 平台?这听起来像是不敢想象的未来科技,但事实上,React Native 和 Flutter...
react-native-reanimated 实战 – 有亿点复杂的加载动画
众所周知, RN 在做动画时并没有像 web 那般 通过 样式中提供的 animation, keyframe, transiton 即可满足一般需求。今天我们聊聊一个有些复杂的 加载动画 的实现过程。 阅读本文章,你可能收获...
react-native-reanimated 实现 loading 动画
这次我们聊聊如何使用 react-native-reanimated, 在 RN 实现一个 loaing 动画, 顺便讲讲 与 RN 提供的 Animated 相比, 有哪些差异 期望效果 3/4 的 橙色圆圈, 不停旋转。 功能实现 这里只会...
React Native拆包原理与实现
概览 背景:在 React Native 中,我们打包生成的包只有一个jsbundle,里面包含了我们的业务代码、RN 源码及依赖的第三方库。通常为了更好的性能,我们需要将这个jsbundle文件进行拆分,得到一个...
React Native Android 端Headless JS后台 GPS 持续定位
本文github 仓库 1. 写在前面 有J友在掘金私信我,react native android中,app在后台如何持续获取位置信息,还有headless js中setTimeout没有按预期执行两个问题。问我有什么解决方法,当时我...
如何在 React Native 中使用 FlatList 和 MobX
如何在 React Native 中使用 FlatList 和 MobX 介绍 在开发 React Native 应用时,我们经常需要使用列表来展示数据。React Native 提供了一个高性能的滚动列表组件,叫做 FlatList,它可以展示...
react-native中使用webview加载本地html及其相关css、js资源
一、前言 离了大谱啊,家人们!产品叫我把一个h5的网站打包到app里面去,离线加载。 我:不能直接把h5部署到服务器上去,然后通过域名访问吗?(不管三七二十一,先驳回) 产品:小老弟哇,用你...
react native 跳坑 – ScrollView 滚不动
前言 学习一种语言最好的方式就是实践和落地了,最近抽出点时间来打算把 YY 的小程序项目,用 RN 来实现一次, 看看过程都有哪些坑。 这次遇到的坑是, <ScrollView /> 不灵了。 场景 YY ...
Flutter vs React Native:选择最适合的跨平台移动应用开发框架
初学两者,如有错误请谅解! Flutter概述 Flutter是由Google开发的跨平台移动应用开发框架。它通过自定义渲染引擎和Widget树构建用户界面,使用Dart语言进行开发。Flutter具有出色的性能、渲染...
React Native列表组件:FlatList、RecyclerListView对比
前言 永远把别人对你的批评记在心里,别人的表扬,就把它忘了。Hello 大家好~!我是南宫墨言 在京东首页、淘宝首页、抖音视频、微信朋友圈这类信息流页面中,你看一页,还有下一页,看完下一页...
React和Vue全方位对比
前言 本文将从渐进式、时间线、跨平台及企业级框架情况多个维度对两个库进行对比。 从概念开始 React官网说:React是用于构建用户界面的Javascript库。 Vue官网说:Vue是用于构建用户界面的Java...
记一次Native memory leak排查过程 | 京东云技术团队
1 问题现象 路由计算服务是路由系统的核心服务,负责运单路由计划的计算以及实操与计划的匹配。在运维过程中,发现在长期不重启的情况下,有TP99缓慢爬坡的现象。此外,在每周例行调度的试算过...
团队框架终极选型:Flutter 还是 React Native
在移动开发领域,选择一个合适的开发框架是至关重要的。但是至少对目前来讲,大家都聚焦在 Flutter 和 React Native 两个备受瞩目的跨平台移动框架中进行选择。 我们团队也不例外,特别是在相对...
前端跨端那些事之React Native
我正在参加「掘金·启航计划」 前端跨端那些事之HyBird中主要介绍了什么是原生和混合开发,以及原生和混合开发的优劣点。本篇主要介绍JavaScript开发+原生渲染的代表React Native。 什么是React...
react native 开发带全屏功能的 Video 组件实践
最近使用 React native 开发 app,其中有要求视频播放的功能,遂记录下开发过程中的思路以及遇到的难点,方便做个回顾,也希望能帮助需要的朋友 测试视频链接:media.w3.org/2010/05/sin… 注:...