React Native
0 人感兴趣 · 55 次引用
- 最新
- 推荐
React Native 0.77 发布,新样式特性,Android 16KB 页面支持,Swift 模板
2025 年 1 月 21 日,React Native 0.77 正式发布,此版本带来诸多新特性、对 Android 的支持增强、社区模板更新以及一些重要变更。

Demo 发布 | ClkLog 成功集成 Unity3D
在Clklog完成 React Native 和 uni-app 集成 Demo 后,一个游戏行业新客户提出了使用 Unity3D 开发的集成问题。对此,我们与客户分别进行了测试。 客户使用神策Andriod原生SDK在Android 端暴露接口给 Unity3D的方式,验证了使用ClkLog进行数据采集的可行性。
几种常用到的 Hybrid App 技术框架
移动操作系统在经历了诸神混战之后,BlackBerry OS、Symbian OS、Windows Phone等早期的移动操作系统逐渐因失去竞争力而退出。目前,市场上主要只剩下安卓和iOS两大阵营,使得iOS和安卓工程师成为抢手资源。然而,由于两者系统的差异,开发同一个应用需投入两
扩展可能性:发挥 React Native 与小程序集成的优势
React Native与小程序容器技术的结合为移动应用开发提供了更广阔的可能性,促进了开发效率和用户体验的提升。开发者可以根据项目需求和技术栈选择适合的技术组合,为用户带来更优质的应用体验。

React Native 9 个好用的开发工具盘点
近几年在大前端的开发领域,选择跨端方案的公司和部门越来越多,曾一何时市面有不下10种跨端框架,但随着“生物进化论”的推动,目前市面上仅剩两种主流方案,就是经常听到的 React Native 和 Flutter。去年终于引来了 React Native 的新版本 0.70.0,开发者

Hybrid App 选用什么前端框架更好
由于混合应用的开发具有灵活性、可移植性和易维护性等优点,Hybrid App(混合应用)的开发变得越来越流行,甚至成为一种烂大街的存在,大到全民超级 App 微信、支付宝,小到随便的一个独立电商 App 都是 Hybrid App 的“忠实粉丝”。

前端工程化实战:React 的模块化开发、性能优化和组件化实践
前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试、性能优化等。下面将简要介绍模块化开发、性能优化和组件化实践。

前端开发框架 React 技术如何与小程序结合,进行页面构建
前端开发框架 React 可以通过小程序提供的开发工具和 API 进行结合。例如使用小程序提供的 WebView 组件来加载前端框架的页面。或者使用小程序提供的组件和 API 来实现前端框架的功能。

React-Native 开发实用指南
本文主要介绍 React-Native 的实际开发使用经验,对于想要快速入门的开发者同学们是有帮助的。
代码规范以及 commit 扫描代码
perttier、eslint在项目中的运用,以及husky插件的使用。文章所涉及的插件均是当前最新版本。制定代码编写规范以及commit的时候扫描代码。

2022 年盘点,主流前端跨端技术方案(包含小程序)
不论是国内还是国外,跨端框架百家争鸣,方案频出。相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个? 而本期主要介绍的几个主流的解决方案Finclip、Flutter、Taro、React Native 、Weex

React Native 跨端框架与小程序混编实战
对于跨平台应用开发来说,哪种技术是最佳的选择仍然是一个值得关心与探讨的问题。

React Native 资源更新增量包的优化实践
Shopee 的许多手机应用是原生与 React Native的混合(hybrid)应用。考虑到 Shopee 主要市场的网络条件,数据流量的节约尤为重要。但这个增量包应该是怎样的呢?

去中心化的 React Native 架构探索
我们探索了去中心化的 RN 架构,并结合该模型自研了系统(Code Push Platform,简称 CPP)和客户端 SDK,覆盖了多团队的开发、构建、发布、运行等一系列 RN 研发周期。

ReactNative 进阶(五十):IOS 系统 Crash 日志分析实战
当应用程序在IOS 设备上崩溃(例如,闪退)时,一份“Crash崩溃报告”将在该设备上创建并存储起来。崩溃报告描述了应用程序是在何种条件下崩溃的,大部分情况下包含一份当前正在运行线程的完整堆栈跟踪。

ReactNative 进阶(四十五):渐变组件 react-native-linear-gradient
默认情况下,渐变色的方向是从上向下的。

ReactNative 进阶(四十六):移动端实现字体自适应
在开发react-native App时,相信大家都遇到过这样的问题:当用户设置了系统的字体大小之后,导致APP布局紊乱,甚至有些内容会被切掉/隐藏,这对于用户来讲,是非常不好的用户体验。

ReactNative 进阶(四十四):Mobile App 适配性优化
移动端应用开发过程中,内容自适应是避不开的一个注意点。相较于PC Web端开发应用设备的数量种类,Mobile APP 面临着设备应用多样性问题,各厂商生产设备多样,同一厂商不同型号的电子设备分辨率、屏幕尺寸相异性是不得不考虑的一个问题,尤其是将手持设备,

ReactNative 进阶(四十):应用 ListView 实现分组列表
在前期博文中讲解了应用SectionList实现分组列表,本文主要讲解ReactNative长列表数据展示核心组件ListView ,该组件在数据量大时性能较差,占用内存持续增加,故诞生了FlatList组件。

Luna:你想要的 React Native 调试工具
Luna 是一款 RN 的应用内调试工具,偏向于解决生产环境调试的痛点,够帮助在非开发环境定位问题。

ReactNative 进阶(三十六):ES8 中 async 与 await 使用方法详解
在前期博文中,针对异步编程,提出了Promise解决方案。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息,解决回调函数嵌套过多的情况。

ReactNative 进阶(三十五):应用脚手架 Yo 构建 RN 页面
前期将脚手架yo安装成功,本篇博文主要讲解如何利用yo提供的代码自动生成功能生成项目代码。

ReactNative 进阶(二十九):BloC 模式
BloC【Business Logic Component】模式是paolo soares 和 cong hui 在2018年Google dartconf上提出的,具体的视频你可以参考YouTube.

ReactNative 进阶(三十三):Mac 下 homebrew 的安装和 brew 命令的使用
Homebrew 是 mac 下的包管理器,由国外大神 Max Howell 开发的一款包管理工具,类似Debian的apt,他可以安装任何你想安装的东西。其基于命令行模式,使用命令 brew 管理软件。类似 ubuntu 下的 apt-get 、fedora 下的 yum。

ReactNative 进阶(三十二):前端构建工具 --Yeoman
脚手架是一种约定和规范。可以实现如下规范:

ReactNative 进阶(二十八):ES6 Symbol 用法
Symbol是es6中一种新增的数据类型,它表示独一无二的值。es5把数据类型分为基本数据类型(字符串、数字、布尔、undefined、null)和引用数据类型(Object),es6中新增的Symbol数据类型划分到基本数据类型。

ReactNative 进阶(二十五):ScrollView 滚动视图组件详解
ScrollView在Android和ios原生开发中都比较常见,是一个滚动视图控件。在RN开发中,系统也给我们提供了这么一个控件。不过在RN开发中 ,使用ScrollView必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度

ReactNative 进阶(二十三):Javascript 严格模式详解
除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。

ReactNative 进阶(十四):初探 Gradle
Java世界中主要有三大构建工具:Ant、Maven和Gradle。经过几年的发展,Ant几乎销声匿迹、Maven也日薄西山,而Gradle的发展则如日中天。