React Native 0.77发布，新样式特性，Android 16KB页面支持，Swift模板

React Native 0.77 版本发布：新特性、改进与迁移说明

2025 年 1 月 21 日，React Native 0.77 正式发布，此版本带来诸多新特性、对 Android 的支持增强、社区模板更新以及一些重要变更。

一、新特性亮点

（一）CSS 新特性助力布局、尺寸与混合效果

1. display: contents 简化布局逻辑：该属性使元素自身在布局结构中“消失”，但子元素仍正常渲染，就像直接作为父元素的子元素一样。在构建需处理事件的包装组件或与 ShadowTree 交互场景中，可在不影响布局的前提下为子元素应用样式。例如，构建一个当内部组件被按下时弹出提示的包装组件，使用该属性可避免添加多余布局框，确保提示仅在目标子元素区域触发。
2. boxSizing 精确控制元素尺寸计算：定义了元素尺寸属性（如 width、height 等）的计算方式，支持 border-box 和 content-box 两种值，默认值为 border-box。与网页默认值不同，此默认设置是为保证向后兼容性。如在设置了 padding 和 borderWidth 的 View 中，使用不同 boxSizing 值会使尺寸计算包含或不包含边框与内边距，开发者可据此灵活调整布局尺寸逻辑。
3. mixBlendMode 与 isolation 实现元素颜色混合控制：mixBlendMode 属性允许元素在堆叠上下文中与其他元素混合颜色，其取值对应多种混合模式（如 multiply、screen 等），可实现丰富视觉效果。同时新增 isolation 属性，设置为 isolate 可使 View 形成独立堆叠上下文，防止具有 mixBlendMode 的子元素过度混合颜色，让开发者对颜色混合范围有更精细掌控。
4. Outline props 突出元素轮廓：引入 outline