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

Question

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

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

代码同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

所谓的“Debug Paint”中的这些绿色箭头表示滚动 View 。

箭头的方向显示 ScrollView 的延伸方式，即箭头将指向右侧或向下。
这将出现在例如ListView , SingleChildScrollView等等

Learn more关于 Flutter 中的可视化调试。