我之前也碰到过和你完全一样的情况——升级到Android Studio 3.1后，布局预览要么超时要么直接空白，有时候点设计标签页没反应，偶尔刷新能好但根本不稳定，尤其是用ConstraintLayout beta版本的时候。下面这些方法我亲测有效，你可以挨个试试：

• 清理缓存并重启Android Studio
  这是解决AS各种奇怪问题的万金油。操作步骤：点击顶部菜单栏的 File > Invalidate Caches / Restart，选择「Invalidate and Restart」。等AS完全重启后再打开布局预览，大概率能恢复正常。

• 调整ConstraintLayout版本
  你当前用的1.1.0-beta6属于测试版本，本身就可能存在和AS 3.1的兼容性问题。可以试试降级到稳定版（比如1.0.2），或者升级到更新的测试/正式版。修改app模块的build.gradle文件里的依赖：

  implementation 'com.android.support.constraint:constraint-layout:1.0.2'
  

  同步gradle后再打开布局预览看看效果。

• 排查布局文件的隐性错误
  有时候布局里的小问题（比如引用了不存在的资源、ConstraintLayout的约束冲突、控件ID拼写错误）会导致预览崩溃，但控制台可能不会抛出明显报错。切换到Text标签页，仔细检查布局代码，尤其是ConstraintLayout的约束属性（比如app:layout_constraintLeft_toRightOf这类）有没有写错。

• 关闭Instant Run功能
  Instant Run有时候会和预览渲染模块冲突。关闭路径：File > Settings > Build, Execution, Deployment > Instant Run，取消勾选「Enable Instant Run to hot swap code/resource changes on deploy」，然后重启AS试试。

• 切换预览的API等级
  在预览窗口顶部的工具栏里，有个API Level的下拉选项，试试切换到不同的API版本（比如从最新版切换到26或28），有时候高版本API的预览渲染逻辑会出问题，切换后可能就能正常显示了。

• 彻底重建项目
  试试先执行Build > Clean Project，再执行Build > Rebuild Project，彻底清理并重新编译项目。有时候编译生成的中间文件损坏，也会导致预览异常。

内容的提问来源于stack exchange，提问作者Kruti Parekh