AndroidStudio无法查看Compose重组次数?

印象中是一开始使用AndroidStudio LayoutInspector想查看Compose重组次数的时候,一开始折腾了下后来忘了这茬事了,最近🪜到期了,家里又换了台新的mac mini又看到这个问题😊,就想着给大家整理了一下解决方法,有需要的可以收藏❤️一下。

排查并解决问题

1、首先我们简单创建一个Hello World工程

创建完成之后,直接运行起来,尝试通过LayoutInspector工具查看重组次数。

然而发现出现下面这个错误 (如果有🪜这都不是问题😊),看提示是:

无法下载 androidx.compose.ui:ui-android:1.5.0-beta03

请指定:-Dappinspection.use.dev.jar=true 设置到VM Options配置文件中,继续往下看

2 、配置VM Options

根据上面的提示我们操作路径:Help -> Edit Custom VM Options... 配置文件,将属性配置到此文件中

studio.vmoptions 复制代码
-Dappinspection.use.dev.jar=true

然后我们重启一下AndroidStudio重新运行一下试试。

3 、提示无法找到 compose-ui-inspection.jar文件

上面的截图告诉我们/Applications/AndroidStudio.app/Contents/plugins/android/resources/目录下面找不到compose-ui-inspection.jar包文件。

一开始推这个的时候,没有提示这么明确😊

Windows电脑请打开你安装AndroidStudio的目录

我们打开之后发现确实没有找到compose-ui-inspection.jar包

别急,我们回到第一点,上面一开始提示:

无法下载 androidx.compose.ui:ui-android:1.5.0-beta03

为什么要给我这个提示,是有何深意🤔?

搜索查看谷歌提交代码的记录发现这条历史


👉🏻点击查看提交记录

我们看看工程依赖的ui库能不能找到,查看一下我们的jar包,我们需要先切换到Project目录:

然后,我们需要点击 External Libraries ,然后搜索查找:androidx.compose.ui:ui-android:1.5.0-beta03


请手动点击图片放大查看

找到了这个jar包,我们点击右键,查看jar在本地的位置:

打开路径,查找compose-ui-inspection.jar文件

Mac电脑上:

点击Finder选项之后,打开classes.jar的目录之后,需要返回上一级页面

Windows电脑上:

我们需要返回上一级路径

那么我们把它移动到/Applications/AndroidStudio.app/Contents/plugins/android/resources/目录下面,并重命名 为:compose-ui-inspection.jar

复制到/Applications/AndroidStudio.app/Contents/plugins/android/resources/目录下面之后,我们重新运行一下程序,查看效果,然而我们发现还是不行

出现这个错误,我们可以打开:开发者选项-启用视图属性检查功能

点击开启之后,我们再运行一下 ,查看效果,发现成功了,这下可以好好的玩耍了:

相关推荐
aha-凯心36 分钟前
前端学习 vben 之 axios interceptors
前端·学习
熊出没1 小时前
Vue前端导出页面为PDF文件
前端·vue.js·pdf
VOLUN1 小时前
Vue3项目中优雅封装API基础接口:getBaseApi设计解析
前端·vue.js·api
用户99045017780091 小时前
告别广告干扰,体验极简 JSON 格式化——这款工具让你专注代码本身
前端
前端极客探险家1 小时前
告别卡顿与慢响应!现代 Web 应用性能优化:从前端渲染到后端算法的全面提速指南
前端·算法·性能优化
EngZegNgi1 小时前
安卓应用启动崩溃的问题排查记录
android·crash·启动崩溃
悟能不能悟2 小时前
idea如何打开extract surround
intellij-idea
袁煦丞2 小时前
【局域网秒传神器】LocalSend:cpolar内网穿透实验室第418个成功挑战
前端·程序员·远程工作
火柴就是我2 小时前
每日见闻之Container Decoration
android·flutter
江城开朗的豌豆2 小时前
Vuex数据突然消失?六招教你轻松找回来!
前端·javascript·vue.js