Блог

Главная - Вопросы по программированию - Не удается удалить визуальную отладку для Flutter в VSCode

Не удается удалить визуальную отладку для Flutter в VSCode

#flutter #debugging #visual-studio-code

#flutter #отладка #visual-studio-code

Вопрос:

Я ищу способ отключить визуальную отладку Flutter: (используя VSCode, Flutter Web в эмуляторе Chrome)

Пример экрана, на котором все отключено

Как вы можете видеть, хотя у меня очень простая тема без базовых или цветов, она добавляет кучу ненужных вещей. Я отключил debugPaint в коде и через параметры, но это остается.

Ниже приведена тема, импортированная на уровне MaterialApp:

     theme: ThemeData(
      primarySwatch: Colors.blue,
    )

И саму карту, которая показана на скриншотах:

   @override
    Widget build(BuildContext context) {
      print('Adding article: '   article.title);
      return Column(children: [
        Container(
          height: 30,
          width: 30,
          decoration: BoxDecoration(
            border: Border.all(width: 3.0),
    ),
    child: Text(article.title),
  ),
  Text(
    article.title,
    style: TextStyle(fontSize: 21, fontWeight: FontWeight.bold),
  ),
  Text(
    article.description,
    style: TextStyle(fontSize: 16, color: Colors.grey[500]),
  ),
  Text(
    article.publishDate,
    style: TextStyle(fontSize: 14, color: Colors.grey[300]),
  )
      ]);
    }
  }

Дополнительное примечание: с debugLines, установленным в true, добавляется еще больше элементов:

введите описание изображения здесь

Комментарии:

1. я думаю, debugPaintBaselinesEnabled установлено значение true

2. Я установил для всех известных мне debugPaint значение false: debugPaintPointersEnabled = debugPaintBaselinesEnabled = debugPaintLayerBordersEnabled = debugRepaintRainbowEnabled = false;

3. есть ли у вас Scaffold родительский элемент вашего виджета?

4. Спасибо, я перепутал навигацию, на этом экране не было каркаса. Это решило проблему. Редактировать: как я могу пометить ваш комментарий как ответ?

5. тогда не стесняйтесь писать самостоятельный ответ;-)

Ответ №1:

Дерево виджетов переходит непосредственно из приложения Material в SingleChildScrollView. Отсутствует виджет Scaffold, который (как в документации flutter):

Реализует базовую структуру визуального макета material design

Документация по Scaffold Flutter