初体验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

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

......