Виджет SemanticsDebugger

Виджет SemanticsDebugger включает режим, когда поверх UI показывают метки и границы узлов доступности. Параметр child задаёт приложение под слоем отладки. Используют только при разработке, не в релизе.

Синтаксис

SemanticsDebugger(
	child: MaterialApp(
		home: Scaffold(
			body: Center(
				child: Text('abcde'),
			),
		),
	),
)

Параметры

Параметр	Описание
`child`	Корневой виджет приложения под отладочным слоем. Обязательный параметр.

Пример

Давайте обернём runApp в SemanticsDebugger:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		SemanticsDebugger(
			child: MaterialApp(
				home: Scaffold(
					body: Center(
						child: Text('abcde'),
					),
				),
			),
		),
	);
}

На экране поверх текста 'abcde' появятся рамки и подписи семантических узлов.

Пример

Давайте посмотрим отладку у кнопки с Semantics:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		SemanticsDebugger(
			child: MaterialApp(
				home: Scaffold(
					body: Center(
						child: Semantics(
							label: '12345',
							button: true,
							child: ElevatedButton(
								onPressed: () {},
								child: const Text('abcde'),
							),
						),
					),
				),
			),
		),
	);
}

На экране отладчик покажет метку '12345' и роль кнопки поверх видимого текста 'abcde'.

Смотрите также

виджет Semantics,
который задаёт label для диктора
виджет PerformanceOverlay,
который рисует другой отладочный слой
константа kDebugMode,
которая true только в отладочной сборке
функция runApp,
которую оборачивают SemanticsDebugger