在 DefaultTabController 中围绕 AppBar 填充

Question

我正在使用带有脚手架的 DefaultTabController 作为子部件。对于 appBar，我使用的是 TabBar。我想在 TabBar 周围添加一些填充，但 appBar 属性需要一个扩展 PreferredSizeWidget 的 class。

我正在构建的选项卡控制器的示例片段：

  new DefaultTabController(
    length: tabs.length,
    child: new Scaffold(
      backgroundColor: const Color(0xFFF3EEE1),
      appBar: new TabBar(
        tabs: tabs,
      ),
      body: new TabBarView(
        children: _testPacks.map((TestPack testPack) {
          return _contentWidget(context: context, testPack: testPack);
        }).toList(),
      ),
    ),
  );

来自脚手架class

/// An app bar to display at the top of the scaffold.
final PreferredSizeWidget appBar;

Answer 1

您可以将 TabBar 的 Container 包装在 PreferredSize 中。

Answer 2

现在您可以传递自定义填充

 TabBar(
      labelPadding: EdgeInsets.all(0),

在 DefaultTabController 中围绕 AppBar 填充

Padding around AppBar in a DefaultTabController

dart

flutter