Published on

初体验React Native Fabric新渲染系统

Authors

初体验React Native Fabric新渲染系统

前言

最近一年一直专注于React和React Native,也活跃在RN社区,时刻关注RN的发展,随着 React Native 0.68 rc1 的发布,一直在前端界传闻很久的新架构之Fibric也快到来了,

当然关于Fabric已经有很多文章介绍和深入探讨了,这篇文章主要是体验Fabric。

新架构介绍

之前 Meta 在18年说的要重构RN,在19年1月,RN核心维护者 @kelset 在Github上发了一个讨论,这篇帖子为未来几年的RN的发展奠基了方向。https://github.com/react-native-community/discussions-and-proposals/issues/91 (对RN感兴趣的同学强烈建议看一遍)

其实新架构主要就是由以下四点构成:

  1. Javascript Interface(JSI)
  2. Fabric
  3. Turbo Modules
  4. CodeGen

目前第一个支持Fabric的新架构的库是 react-native-screens ,今天我们通过它去体验下Fabric。

正文

安装

  1. 使用 React Native CLI
npx react-native init NewRN68App --version 0.68.0-rc.1
  1. 添加 react-native-screens
yarn add react-native-screens
  1. 开启 Fabric
  • ios ,先进入ios目录,然后执行
RCT_NEW_ARCH_ENABLED=1 pod install
  • android,在 android/gradle.properties 文件中添加
newArchEnabled=true

然后像往常一样运行项目即可

......