嗨,React Native开发者们,
React Native 世界中令人兴奋的消息是,V0.74刚刚在几天前发布,有超过 1600 次提交。亮点如下:
- Yoga 3.0
- New Architecture: Bridgeless by Default
- New Architecture: Batched
onLayout
Updates - Yarn 3 for New Projects
让我们深入了解每一个新亮点。
Yoga 3.0
我们先来了解一下React Native 中的yoga是什么。
Yoga — 布局引擎
Yoga 是 Meta 开发的一款开源布局引擎。该引擎指的是UI 元素(如按钮、文本、图像等)在用户界面中的排列和定位方式。
Yoga 为每个 UI 元素计算这四个。
- Positioning
- Sizing
- Alignment
- Spacing
使用 Yoga,您可以创建适应不同屏幕尺寸和方向的响应式布局。它还实现了 React Native 中广泛使用的概念CSS Flexbox。所以你已经感觉到 yoga 是 React Native 灵活 UI 的核心 (♥︎)。
Yoga 3.0 — 有什么新功能?
在 React Native 的所有先前版本中,都存在一些不正确的布局行为。Yoga 3解决了所有这些问题。最常见的问题之一是“row-reverse”样式无法正常运行。
让我们看一下下面的图片,其中左边的是来自V0.73,右边的是来自V0.74。