提取小部件以创建您自己的配置的最佳方法是什么？

Question

所以假设我想在很多屏幕上使用相同或非常相似的AppBar 。

为了减少大多数情况下的重复代码，我会创建一个具有我想要的布局/配置的新小部件。 在这种情况下，它看起来像这样：

class MyAppBar extends StatelessWidget {
  final String title;

  const MyAppBar({Key? key, required this.title}) : super(key: key);

  void handlePress(){
    // handle press
  }

  @override
  Widget build(BuildContext context) {
    return AppBar(
      centerTitle: true,
      title: Text(title),
      actions: <Widget>[
        IconButton(onPressed: handlePress, icon: const Icon(Icons.notifications))
      ],
    );
  }
}

但是，如果我尝试在Scaffold中使用它，我会收到以下错误：

The argument type 'MyAppBar' can't be assigned to the parameter type 'PreferredSizeWidget?'

我在其他解决方案中看到人们像这样扩展有问题的小部件：

class IAppBar extends AppBar {
  final String label;

  IAppBar({super.key, required this.label})
      : super(
          title: Text(label),
          centerTitle: true,
          actions: <Widget>[
            IconButton(
              onPressed: handlePress,
              icon: Icon(Icons.notifications),
            ),
          ],
        );

  void handlePress() {
    // handle press
  }
}

这非常干净和简单，但是会产生以下错误：

The instance member 'handlePress' can't be accessed in an initializer.

有没有办法为需要特定小部件类型的小部件提供简单、可重用的配置？

Answer 1

如果你想使用简单的配置，你可以使用下面的方式。

在提取AppBar的情况下，我会做的是创建一个返回 AppBar 的 function。 我对AppBar这么说只是因为它实现了PreferredSizeWidget 。 所以在提取其他widget时，我总是会选择创建Stateless/Stateful widget。

这是提取AppBar的演示代码：

getAppBar(String? title, void Function()? onPressed) {
  return AppBar(
    title: Text(title ?? "Demo title"),
    centerTitle: true,
    actions: <Widget>[
      IconButton(
        onPressed: onPressed ?? () {},
        icon: const Icon(Icons.notifications),
      ),
    ],
  );
}

您可以根据自己的选择添加或删除变量，但我仅将此方法用于提取AppBar 。

Answer 2

    AppBar projectAppBar(String title)     {
  return AppBar(
        backgroundColor:           ProjectColors.mainColor,
        elevation: 0,
        title: Text(title, style:         FontPath.bold21, textAlign:         TextAlign.center),
centerTitle: true,

                
          ),
  );
}

我总是那样用