带Flutter的DevTools中的绿色大右箭头（->）是什么意思？

Question

带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'),
            ),
          ),
        ],
      ),
    );
}

Answer 1

所谓的“ 调试画图”中的这些绿色箭头表示 滚动 视图< / em>。

箭头的方向显示了滚动视图的扩展方式，即箭头将指向右侧或向下。
这将在例如ListView，SingleChildScrollView等。

Learn more关于Flutter中的视觉调试。