React Native/Android Studio （mac ） 查看 APP界面 对应 代码页 快捷方法

----------------Android studio---------------

（当xml文件关联了该类的时候可以这样搜索，如果没有写 那么你需要全局搜索xml文件的类名了）

1 .顶部点击

.

2.点击 OK

3. 点击下拉 三角按钮：

注意：点击三角后，选择最底部的那一项，因为上面的类名可能只是复用了下边的类名。

4.然后，选择该项，点击OK。

如果然后改界面的机构 就如图展示出来了：你可以通过元素的名字，精确定位到 该页面。

 

 

5 . 或者 （mac电脑）  command+O  调出查询 文件 快捷键 ，输入查询到的类名 

 

-----------------------React native---------------------

 

1. iOS:Command+D  Android:Command+M 调出热键

2.选择 Toggle Inspector

 

3.出现  ，

.

然后任意点击一个 元素组件（按钮呀 View呀都行） ，如图，其中的 DashboardScreen 就是你页面对应的代码页了(我这边的层级一般都是第三个)，前边的对应 上层 的 层级结构