小红书评论区变暗怎么回事

小红书是一个非常热门的购物、时尚、美妆等生活领域的社交平台，拥有庞大的用户群体和活跃的社区氛围。然而，最近不少小红书用户发现，在进入评论区后页面拖动或回复评论的时候，页面会突然变暗，让人不爽又困惑，那么这是怎么回事呢？

引起变暗的原因

在了解变暗的原因之前，我们先来了解一下小红书的前端技术发展历程。早期小红书在iOS客户端开发中采用了 ** 向 native 发消息再通过 Swift 语言调整层级的方式实现了评论功能，这种方式在要快速调整层级的场景下表现不佳，在某些机型上尤其明显。随后，小红书开始逐渐采用 flutter 技术改进评论区，目前大部分用户正在逐渐地从 **Bridge 转移到了 flutter 渲染的页面上。

然而在这个过渡期中，一些用户发现当页面初次加载完毕后，点击评论按钮在进入评论区之前，即使其他页面都已经加载完成，评论页也需要重新加载，导致页面无法做到完全无缝切换，而这个问题在底部导航栏转场更明显。

进入评论区之后，当用户滑动页面或点击回复按钮时，浮在页面上的textField需要重新约束和渲染，而浮层相对底层的布局和层级变化都较复杂，导致了渲染时间更长，视觉效果也更糟糕。

如何解决变暗问题

按照小红书的质量标准，用户体验一直处于重要位置，对于变暗问题，小红书也在积极解决中。目前小红书已经推出了一系列的解决方案，包括但不限于：

1. 在iOS通过 pageViewController 实现左右滑动评价，通过 tapGesture 在不需要文本框的区域使用手势收起键盘；

2. 在Android采用 flutter 渲染实现评论界面，同时消除了重复切换动画，简化布局结构；

3. 进一步优化布局结构，在需要时加入动画和缓存机制等问题优化措施，提高评论区的渲染效率和视觉效果。

结语

虽然小红书在解决变暗问题方面已经做了很多工作，为改善用户体验提供了很多有效的手段，但是页面渲染的复杂性和机型兼容性问题还是需要经过不断的优化和调整来解决。我们期望小红书能够通过持久的努力，为用户带来更好的生活社交体验。