Flutter 页面从顶部状态栏开始布局

Mackellen

于 2021-05-24 17:42:45 发布

阅读量1.8k

点赞数 3

分类专栏： Flutter

本文链接：https://blog.youkuaiyun.com/wangtianya125/article/details/117228313

版权

Flutter 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了在Flutter开发中，Scaffold的primary属性对于页面布局的重要性。通过设置Scaffold的primary属性为false，可以实现页面从顶部状态栏开始布局。示例代码展示了如何结合EmptyAppBar创建无内容的appBar，强调了backgroundColor和body的使用，帮助开发者理解如何自定义页面背景和主要内容区域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候我们需要页面从顶部状态栏开始布局，这时Flutter Widget 中的primary属性就非常关键

 Widget build(BuildContext context){

    return new Scaffold(
        primary: false, //该属性非常关键
        appBar:  EmptyAppBar(),
        backgroundColor: Color(0xFF121212),
        body: new Container(),
    );
}

空的AppBar 类（EmptyAppBar）实现

import 'package:flutter/material.dart';

class  EmptyAppBar  extends StatelessWidget implements PreferredSizeWidget {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
  @override
  Size get preferredSize => Size(0.0,0.0);
}