• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

Flutter2.X学习之路–调试页面布局好用的办法

开发技术 开发技术 8小时前 5次浏览

Flutter里有个很好用的东西,可以方便我们来进行页面组件的布局调试,话不多说,上代码

1.找到main.dart引入rendering.dart

import 'package:flutter/rendering.dart';

2.添加main入口页面调试代码

void main() {
  // 调试布局重点代码
  debugPaintSizeEnabled=true;
  runApp(new MyApp());
}

3.如下图所示

Flutter2.X学习之路--调试页面布局好用的办法

4.使用restart,如果你用的VSCODE编辑器,在编辑器终端中,按大写的R就可以了

Flutter2.X学习之路--调试页面布局好用的办法

大功告成~~

Flutter2.X学习之路--调试页面布局好用的办法


程序员灯塔
转载请注明原文链接:Flutter2.X学习之路–调试页面布局好用的办法
喜欢 (0)