Flutter中如何开启界面绘制边界线：debugPaintSizeEnabled = true

Flutter应用启动与LoginPage构建

最新推荐文章于 2024-07-06 15:30:00 发布

原创最新推荐文章于 2024-07-06 15:30:00 发布 · 5.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

flutter 专栏收录该内容

3 篇文章

订阅专栏

本文展示了一个使用Flutter框架创建的应用启动过程及LoginPage组件的构建方法。通过设置debugPaintSizeEnabled为true，可以直观地看到组件大小的绘制情况，便于进行布局调整。此示例代码中，MyApp作为根组件，其build方法返回一个包含LoginPage的MaterialApp实例。

部署运行你感兴趣的模型镜像

效果图在最下面

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart'; // 1.第一步
import 'login.dart';

void main() {
  debugPaintSizeEnabled = true; //2.第二步
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return
       MaterialApp(
          home: new LoginPage(),
        );
  }
}