Flutter 自定义 Widget：函数 vs 继承

问题描述

我的代码有效。这更多是关于惯例/良好做法的问题，因此如果您不想浪费时间，请不要阅读。

我知道当你想在 Flutter 中制作自己的自定义小部件时，你通常应该扩展 StatelessWidget/StatefulWidget。
但是，使用返回 StatelessWidget 的函数有什么缺点吗？
我将举一个我创建的自定义 Widget 的示例（两种方式）：

功能：

Widget flagImage(String imagePath) {
  return ClipRRect(
    borderRadius: BorderRadius.circular(7),child: Image.asset(
      imagePath,width: 60,height: 40,fit: BoxFit.fill,),);
}

继承：

class FlagImage extends StatelessWidget {
  String imagePath;
  FlagImage(this.imagePath);

  @override
  Widget build(BuildContext context) {
    return ClipRRect(
      borderRadius: BorderRadius.circular(7),child: Image.asset(
        imagePath,);
  }
}

我可以将它们作为子组件分别插入到另一个 Widget 中，例如 flagImage(imagePath) 和 FlagImage(imagePath)。

有什么理由我不应该使用返回一个小的、简单的 StatelessWidget 的函数吗？
对于非常小的 Widget，我更喜欢使用该功能，即少一些 LOC，只是我个人的喜好。

解决方法

创建单独的 build() 上下文允许框架优化构建。将其分解为当前 build() 中的一个方法消除了这种可能性。

conventions custom-widgets