嗨,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。