React Native V0.74 — 稳定版已发布

嗨,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 元素计算这四个。

  1. Positioning
  2. Sizing
  3. Alignment
  4. Spacing

使用 Yoga,您可以创建适应不同屏幕尺寸和方向的响应式布局。它还实现了 React Native 中广泛使用的概念CSS Flexbox。所以你已经感觉到 yoga 是 React Native 灵活 UI 的核心 (♥︎)。

Yoga 3.0 — 有什么新功能?

在 React Native 的所有先前版本中,都存在一些不正确的布局行为。Yoga 3解决了所有这些问题。最常见的问题之一是“row-reverse”样式无法正常运行。

让我们看一下下面的图片,其中左边的是来自V0.73右边的是来自V0.74

  • 30
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

先行者-阿佰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值