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可视化调试
在带有 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可视化调试