写点什么

React Native

0 人感兴趣 · 60 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/95/95969eae3c47fa64254d0fd16a021cc3.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React-Native 开发鸿蒙 NEXT-video

前几周的开发,基本把一个”只读型“社区开发的差不多了。帖子列表,详情,搜索都迁移实现了,但还差了一点------视频类型帖子的展示。之前开发RN社区中,对于视频的处理用的是react-native-video,这个三方组件也已经实现了鸿蒙化,部分逻辑可以直接沿用。依

https://static001.geekbang.org/infoq/95/95969eae3c47fa64254d0fd16a021cc3.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React-Native 开发鸿蒙 NEXT-cookie 设置

应用有个积分商城,做一些积分兑换的业务,就一个基于react-native-webview开发的页面,在页面加载的时候通过js注入来设置cookie带入用户信息。

https://static001.geekbang.org/infoq/95/95969eae3c47fa64254d0fd16a021cc3.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Native 开发鸿蒙 Next--- 图片浏览与保存的问题交流

之前介绍过利用鸿蒙三方RN组件@react-native-camera-roll/camera-roll保存图片到相册。

https://static001.geekbang.org/infoq/95/95969eae3c47fa64254d0fd16a021cc3.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Native 开发鸿蒙 Next--- 富文本浏览

最近在继续开发App剩余的社区功能。地铁的社区相对较为特殊,只有公告/政策规章/操作指南等资讯阅读功能,无法进行交互。对于原先的社区RN,除了移植适配鸿蒙,还需要做大量的功能屏蔽等改造。新的社区后台大量采用富文本进行内容编辑,这里介绍一个非常方便

https://static001.geekbang.org/infoq/95/95969eae3c47fa64254d0fd16a021cc3.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Native 开发鸿蒙 Next--- 灰度模式

政企相关的App在开发过程中,往往需要制作一个灰度模式,用于应对注入国家公祭日等特殊日期情况。Harmony开发中,由于基于ArkTs,处理相对比较简单---仅需要在入口文件的build方法中对最外层的组件添加grayscale属性即可。

React Native 0.77 发布,新样式特性,Android 16KB 页面支持,Swift 模板

2025 年 1 月 21 日,React Native 0.77 正式发布,此版本带来诸多新特性、对 Android 的支持增强、社区模板更新以及一些重要变更。

https://static001.geekbang.org/infoq/b4/b41eec64e25417b497d73b17984b41ba.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Demo 发布 | ClkLog 成功集成 Unity3D

用户头像
ClkLog
2024-12-06

在Clklog完成 React Native 和 uni-app 集成 Demo 后,一个游戏行业新客户提出了使用 Unity3D 开发的集成问题。对此,我们与客户分别进行了测试。 客户使用神策Andriod原生SDK在Android 端暴露接口给 Unity3D的方式,验证了使用ClkLog进行数据采集的可行性。

RN 状态管理 MobX 使用

用户头像
凌宇之蓝
2024-06-20

MobX 可以很好地与 React Native 的组件化结构相结合,实现高效的状态管理。

几种常用到的 Hybrid App 技术框架

用户头像
Onegun
2023-08-01

移动操作系统在经历了诸神混战之后,BlackBerry OS、Symbian OS、Windows Phone等早期的移动操作系统逐渐因失去竞争力而退出。目前,市场上主要只剩下安卓和iOS两大阵营,使得iOS和安卓工程师成为抢手资源。然而,由于两者系统的差异,开发同一个应用需投入两

扩展可能性:发挥 React Native 与小程序集成的优势

用户头像
FinFish
2023-05-22

React Native与小程序容器技术的结合为移动应用开发提供了更广阔的可能性,促进了开发效率和用户体验的提升。开发者可以根据项目需求和技术栈选择适合的技术组合,为用户带来更优质的应用体验。

https://static001.geekbang.org/infoq/29/297a5c331d11039fdd3167cb9e79c4d6.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Native 9 个好用的开发工具盘点

用户头像
Onegun
2023-04-20

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

https://static001.geekbang.org/infoq/fa/fa01bc9b01d67f4995093088aee4fab5.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Hybrid App 选用什么前端框架更好

用户头像
Onegun
2023-04-13

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

https://static001.geekbang.org/infoq/7e/7e73459ae5c8b3f172bd7b49f3fcf7cf.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端工程化实战:React 的模块化开发、性能优化和组件化实践

用户头像
兴科Sinco
2023-04-10

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

https://static001.geekbang.org/infoq/d7/d7e67f2fc962be73a08fc9c435e66945.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端开发框架 React 技术如何与小程序结合,进行页面构建

用户头像
兴科Sinco
2023-03-09

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

https://static001.geekbang.org/infoq/9b/9ba53e6f110e8d7e6493e720d2e1109b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React-Native 开发实用指南

用户头像
环信
2022-11-11

本文主要介绍 React-Native 的实际开发使用经验,对于想要快速入门的开发者同学们是有帮助的。

代码规范以及 commit 扫描代码

用户头像
甜点cc
2022-10-25

perttier、eslint在项目中的运用,以及husky插件的使用。文章所涉及的插件均是当前最新版本。制定代码编写规范以及commit的时候扫描代码。

https://static001.geekbang.org/infoq/bc/bc211aaba2297bc74504ac6281df3921.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

2022 年盘点,主流前端跨端技术方案(包含小程序)

用户头像
Speedoooo
2022-07-14

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

https://static001.geekbang.org/infoq/92/9274f480460d90e2b1518a94afe1433a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Native 跨端框架与小程序混编实战

用户头像
Speedoooo
2022-07-14

对于跨平台应用开发来说,哪种技术是最佳的选择仍然是一个值得关心与探讨的问题。

https://static001.geekbang.org/infoq/cf/cf4cd9a0859bd9e2fbeeba8edcf75571.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Native 资源更新增量包的优化实践

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

https://static001.geekbang.org/infoq/30/301a458a528cf2f3e24315cc2a61a9cb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

去中心化的 React Native 架构探索

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

https://static001.geekbang.org/infoq/ae/aea03e2a4d6ff4acfd339da657e5b5e7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(五十):IOS 系统 Crash 日志分析实战

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

https://static001.geekbang.org/infoq/ae/aea03e2a4d6ff4acfd339da657e5b5e7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十六):移动端实现字体自适应

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

https://static001.geekbang.org/infoq/ae/aea03e2a4d6ff4acfd339da657e5b5e7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十四):Mobile App 适配性优化

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

https://static001.geekbang.org/infoq/a3/a39cd56faf1070b08744264495c4e789.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十):应用 ListView 实现分组列表

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

https://static001.geekbang.org/infoq/f3/f39c9e3a5a4324adc061360f41c86fc0.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Luna:你想要的 React Native 调试工具

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

https://static001.geekbang.org/infoq/a3/a39cd56faf1070b08744264495c4e789.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(三十六):ES8 中 async 与 await 使用方法详解

在前期博文中,针对异步编程,提出了Promise解决方案。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息,解决回调函数嵌套过多的情况。

https://static001.geekbang.org/infoq/a3/a39cd56faf1070b08744264495c4e789.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(三十五):应用脚手架 Yo 构建 RN 页面

前期将脚手架yo安装成功,本篇博文主要讲解如何利用yo提供的代码自动生成功能生成项目代码。

https://static001.geekbang.org/infoq/e7/e7e7fd2c60503cab73a3f546e21fbbba.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(二十九):BloC 模式

BloC【Business Logic Component】模式是paolo soares 和 cong hui 在2018年Google dartconf上提出的,具体的视频你可以参考YouTube.

https://static001.geekbang.org/infoq/de/de79d25e957f60524309fc26b42e6bf5.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(三十三):Mac 下 homebrew 的安装和 brew 命令的使用

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

React Native_React Native技术文章_InfoQ写作社区