Что означает большая зеленая стрелка вправо (->) в DevTools с Flutter?

Question

Что означает большая зеленая стрелка вправо (->) в DevTools с Flutter?

Я думаю, это связано с интерактивной областью, но я не уверен.

Код такой же, как в Флаттер, страница 2 не может щелкнуть, когда она находится на странице 1 .Вот упрощенный код:

PageController _controller = PageController(initialPage: 0, viewportFraction: 0.5);

@override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.yellow,
      child: PageView(
        controller: _controller,
        children: <Widget>[
          Center(
            child: FlatButton(
              onPressed: () {},
              color: Colors.red,
              child: Text('First Tab'),
            ),
          ),
          Center(
            child: FlatButton(
              onPressed: () {},
              color: Colors.blue,
              child: Text('Second Tab'),
            ),
          ),
          Center(
            child: FlatButton(
              onPressed: () {},
              color: Colors.green,
              child: Text('Third Tab'),
            ),
          ),
        ],
      ),
    );
}

Answer 1

Эти зеленые стрелки в так называемом " Отладочная краска " указывают прокрутка просмотров .

направление стрелок показывает, в каком направлении расширяется вид прокрутки, то есть стрелки будут указывать вправо или вниз.
Это появится, например, для ListView, SingleChildScrollView и т. д.

Подробнее о визуальной отладке во Flutter.