Flutter 中的自定义小部件

在 Flutter 中，小部件是代表用户界面一部分的可视元素。可以通过组合现有小部件或从头开始构建新小部件来创建自定义小部件。Flutter 提供了一组丰富的开箱即用的小部件，但有时它们可​​能无法满足项目的特定要求。自定义小部件有助于弥合这一差距，并允许开发人员为其项目创建独特且特定的小部件。

要在 Flutter 中创建自定义小部件，您需要扩展StatefulWidget或StatelessWidget类，具体取决于小部件是否需要保持状态。这是一个自定义无状态小部件的示例，它显示具有指定颜色的圆圈：

import 'package:flutter/material.dart';
class ColoredCircle extends StatelessWidget {
  final Color color;
  final double size;
  ColoredCircle({required this.color, this.size = 50.0});
  @override
  Widget build(BuildContext context) {
    return Container(
      width: size,
      height: size,
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: color,
      ),
    );
  }
}

在此示例中，ColoredCircle小部件采用两个参数：color代表圆圈颜色的 和size代表圆圈大小的 。该build方法返回一个Container小部件，该BoxDecoration小部件使用该类创建