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

Question

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

我想这与可交互区域有关，但我不确定。

该代码与Flutter中的代码相同，第二页位于第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 中可视化调试的更多信息。