debugPaintSizeEnabled在Flutter中不起作用

Question

我刚开始学习颤振并构建了建筑布局教程中的示例应用程序.

在源代码中,建议取消注释两行,以查看可视调试行,但到目前为止还没有运气.

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());
}

我试过了什么？

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

debugPaintPointersEnabled = 
    debugPaintBaselinesEnabled = 
    debugPaintLayerBordersEnabled = 
    debugRepaintRainbowEnabled = true;

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

我的设置？

1. Visual Studio代码
2. 没有Dart 2预览模式
3. Flutter Beta
4. 我使用的是Android移动硬件,而不是虚拟(Moto G5)

问题:如何使可视化调试器工作？

Answer 1

我有完全相同的问题,我找到的唯一解决方案是从VSCode命令调色板切换调试绘画.

Flutter: Toggle Debug Painting

Answer 2

添加import语句:

import 'dart:developer';

import 'package:flutter/rendering.dart';

然后在构建中添加debugPaintSizeEnabled = true; 喜欢 :

Widget build(BuildContext context) {
    debugPaintSizeEnabled=true;

Answer 3

不需要在 VSCode 中导入任何内容，只需：

1. 通过( for mac)打开命令面板Ctrl+Shift+PCmd
2. 输入Flutter: Toggle Debug Painting并点击它：example。