这里我将展示我在使用 Flutter 布局的代码片段。我将通过精美的代码片段结合可视化的图形来举例。
本文注重 Flutter 部件中比较有用的一些来展示,而不是走马观花展示一大推的部件内容。...child: Icon(Icons.call, size: 50),
),
],
),
);
}
如果你不想猜测顶部/底部的值,你可以使用 LayoutBuilder 部件来检索它们的值...const BoxDecoration(color: Colors.blue),
),
flex: 1,
),
],
),
ConstrainedBox
默认的,很多部件多尽量使用小空间...首先,让我们将 BoxDecoration 设置为 foregroundDecoration,它被绘制在 Container 子部件之上(而 decoration 会绘制在子部件之后)。...为此,此部件必须放置在 CustomScrollView 中,并且必须是最后一个 sliver。
如果没有足够的空间,部件将变为可滚动。