最近我发现自己已经很久没有使用Layout Inspector这个工具了。今天,为了深入分析React Native(RN)框架中的一个UI问题,我需要查看RN组件对应的Android原生组件视图层级(View tree)的实际情况。因此,我重新打开了Layout Inspector的界面。
当我在UI树中寻找时,意外地发现没有看到DecorView。这让我感到有些困惑。我立刻意识到,这可能是因为界面默认选中的视图并不是我期望的那个。Google的Android Studio(AS)总是喜欢更新和调整用户界面以及相关的默认配置,这有时候会导致一些混淆。
为了解决这个问题,我检查了Layout Inspector的设置,确保我选择了正确的Activity和视图层级。经过一番调整后,我终于能够正确地查看和分析RN组件对应的Android原生组件。这个过程提醒我,即使是熟悉的工具,随着时间的推移和软件的更新,也需要重新学习和适应。
反选后看到的效果如下所示:
TIPS:不管 AS怎么变,我想找不相关的功能,都是用 Actions 快捷键:
mac 下 shit + command + A