Flutter入门--Scaffold介绍

[Scaffold] 翻译过来就是脚手架的意思,它实现了基本的 Material Design 可视化布局结构。此类提供了用于显示drawer、snackbar和底部sheet的API。简单的说,Scaffold就是一个提供 Material Design 设计中基本布局的 widget。

  const Scaffold({
    Key key,
    this.appBar, //标题栏
    this.body, // 用于显示当前界面主要内容的Widget
    this.floatingActionButton, // 一个悬浮在body上的按钮,默认显示在右下角
    this.floatingActionButtonLocation, // 用于设置floatingActionButton显示的位置
    this.floatingActionButtonAnimator, // floatingActionButton移动到一个新的位置时的动画
    this.persistentFooterButtons, // 多状态按钮
    this.drawer, // 左侧的抽屉菜单
    this.endDrawer, // 右侧的抽屉菜单
    this.bottomNavigationBar, // 底部导航栏
    this.bottomSheet, // 显示在底部的工具栏
    this.backgroundColor, // 内容的背景颜色
    this.resizeToAvoidBottomPadding, // 控制界面内容 body 是否重新布局来避免底部被覆盖,比如当键盘显示的时候,重新布局避免被键盘盖住内容
    this.resizeToAvoidBottomInset,
    this.primary = true, // 是否显示在屏幕顶端
    this.drawerDragStartBehavior = DragStartBehavior.start, // 确定处理拖动开始行为的方式
    this.extendBody = false,
    this.extendBodyBehindAppBar = false,
    this.drawerScrimColor,
    this.drawerEdgeDragWidth,
    this.drawerEnableOpenDragGesture = true,
    this.endDrawerEnableOpenDragGesture = true,
  }) : assert(primary != null),
       assert(extendBody != null),
       assert(extendBodyBehindAppBar != null),
       assert(drawerDragStartBehavior != null),
       super(key: key);

你可能感兴趣的:(Flutter入门--Scaffold介绍)