DevTools with Flutter 中的大绿色右箭头 (-->) 是什么意思?

What's the big green right arrow (-->) mean in DevTools with Flutter?

在带有 Flutter 的 DevTools 中,大的绿色右箭头 (-->) 是什么意思?

我猜和交互区有关,但我不确定。

代码与Flutter, Page two can't click when it's on Page 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'),
            ),
          ),
        ],
      ),
    );
}

so-called“Debug Paint”中的这些绿色箭头表示滚动 浏览量.

箭头的方向表示滚动视图的延伸方向,即箭头将指向右侧或下方。
这将出现在例如ListView, SingleChildScrollView

Learn more关于Flutter可视化调试