flutter - debugPaintSizeEnabled 在 Flutter 中不起作用

Question

我刚开始学习 Flutter 并构建了 Building Layout tutorial 中的示例应用程序.

In the source code it's suggested to un-comment two lines, to see the visual debug lines, but so far no luck.

import 'package:flutter/material.dart';
// Uncomment lines 7 and 10 to view the visual layout at runtime.
//import 'package:flutter/rendering.dart' show debugPaintSizeEnabled;

void main() {
  //debugPaintSizeEnabled = true;
  runApp(new MyApp());
}

What I have tried?

1. 热加载
2. 完全重启
3. 将其他调试变量设置为 true:

debugPaintPointersEnabled = 
    debugPaintBaselinesEnabled = 
    debugPaintLayerBordersEnabled = 
    debugRepaintRainbowEnabled = true;

，我从 Docs 中读到的.他们工作得很好。

My Setup?

1. Visual Studio 代码
2. 无 Dart 2 预览模式
3. Flutter 测试版
4. 我使用的是 Android 移动硬件，而不是虚拟的 (Moto G5)

Question: How to make the visual debugger work?

Answer 1

我遇到了完全相同的问题，我找到的唯一解决方案是从 VSCode 命令面板切换调试绘画。

Flutter:切换调试绘画

您也可以使用渲染库使其工作。

首先你需要导入它

import 'package:flutter/rendering.dart';

然后，在应用程序的 main 方法或小部件的构建方法中将 debugPaintSizeEnabled 设置为 true

void main() {
  debugPaintSizeEnabled=true;
  runApp(MyApp());
}

您需要完全重启您的应用程序才能应用效果

这里是 official documentation .