flutter - Flutter - 通过使屏幕的其余部分失焦，使小部件脱颖而出

Question

我想复制 Apple TV 在它开始空闲时所做的事情，其中​​所选项目保持不变，但屏幕上的其他所有内容都变暗了。

基本上我想长按我页面上的一个网格项目，屏幕的其余部分会变暗，而我长按的那个会保持突出显示。

这是一个gridItem：

Face(
  userId: person.id,
  name: person.name,
  photoUrl: person.photoUrl,
  onTap: () => _onTap(person),
  onHoldStart: () => _onHoldStart(person),
  onHoldEnd: () => _onHoldEnd(person),
);

我的想法是：

• 在屏幕上有一个叠加层，当我长按显示变暗版本和当前网格项目的副本时，它看起来像是在它上面，但手势仍然有效吗？
• 所有在层次结构中具有覆盖层的项目都可以根据被按住的项目显示/隐藏，这是否有效？

但他们都不觉得正确，有没有我不知道的替代/特定小部件？

标签： flutterflutter-layout