跳到主要内容

ReactNative开发

发展历史

截至20241029,rn已经推出了稳定的新架构版本了,而此时rn的开发也完全和之前的开发逻辑不相同了。

  • react native只维护rn的核心逻辑以及架构逻辑,但是在实际的业务开发中无法只使用rn库来进行app开发,需要大量依赖社区维护的库,所以rn团队觉得rn只是一个库,而不是一个开发框架,如果要进行app开发,那么推荐使用expo框架进行。
  • 新架构在076已经默认使用,所以后续的开发要使用新架构开发。经过简单测试新架构+hbc的性能要远好于旧架构,并且react19的若干特性也会慢慢的在新架构实现。批处理已经实现了。

官方示例demo

rn_test

学习文档

ReactNative

ReactNative库查询

ReactNative library

问题解决路径

ReactNative issues

一套集成了expo的官方推荐开发模版(可以极大提高开发效率)

ignite模版

三个react native最重要的库

reactnavigation

react-native-gesture-handler

react-native-reanimated

一些常用的RN库

代码示例: 代码示例,以下内容都可以在此找到示例。

lottie-react-native: lottie动画,lottie文件下载

react-native-snap-carousel: 轮播图

react-native-video: Video

rematch: 状态管理

sqlite: sqlite3

svg: 支持svg写法

svg-transform: svg转换,可以直接使用svg文件,需要若干配置

预制图标: react-native-vector-icons

简单存储:async-storage

路由: react-navigation

react-native-safe-area-context: rn中的安全距离

录音API

react-native-linear-gradient 渐变色

react-native-modals 弹窗

Native Base组件库 组件库 有Radio组件

react-native-toast-message Toast组件

react-native-device-info 获取设备信息

workFlow

目前 RN 脚手架统一使用 ReactNative, cli 包在 ReactNative 核心仓库中,但是是由社区维护。

react-native

@react-native-community/cli

提示

RN中初始化项目时,Installing CocoaPods dependencies会耗费大量时间。