如何创建包含应用程序和底部导航栏并带有边框调整的布局？

Question

想要创建布局/边框调整来渲染屏幕视觉效果，如下图所示。

Stack：Flutter UI SDK 和 Dart 语言。

尝试使用应用程序和底部导航栏默认值，但它们会覆盖直到显示结束。边框衬里没有多大帮助。可以使用自定义画布绘制来实现布局吗？

Answer 1

将您的

Scaffold

包裹在

Padding

中。

Padding(
  padding: EdgeInsets.all(20.0),
  child: Scaffold(
    appBar: AppBar(),
    bottomNavigationBar: BottomNavigationBar(...),
  ),
)