只需使用Stack小部件和3个子部件（从最低到最高）：

1. Image
2. Container与decoration.gradient的半透明颜色
3. Text
   如果您愿意，可以将整个Stack包裹在ClipRRect中以添加圆角。
   要添加按钮行为，可以使用自定义GestureDetector或InkWell

所需代码：

class ReusableButton extends StatelessWidget {
  const ReusableButton({
    super.key,
    required this.onTap,
    required this.imageUrl,
    required this.title,
    required this.gradientColors,
  });

  final void Function() onTap;
  final String imageUrl;
  final String title;
  final List<Color> gradientColors;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(left: 16),
      child: GestureDetector(
        onTap: onTap,
        child: Stack(
          children: [
            SizedBox(
              width: 200,
              height: 120,
              child: Image.network(
                imageUrl,
                fit: BoxFit.cover,
              ),
            ),
            Container(
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(5),
                gradient: LinearGradient(
                  colors: gradientColors,
                ),
              ),
              width: 200,
              height: 120,
              alignment: Alignment.center,
              child: Text(
                title,
                style: const TextStyle(
                  fontSize: 20,
                  color: Colors.white,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

用法：

Row(
  children: [
    ReusableButton(
      onTap: () {},
      imageUrl: 'Your image URL...',
      title: 'Your title...',
      gradientColors: <Color>[
        Colors.red.withOpacity(0.7),
        Colors.green.withOpacity(0.7),
        Colors.blue.withOpacity(0.7),
      ],
    ),
    ReusableButton(
      onTap: () {},
      imageUrl: 'Your image URL...'',
      title: 'Your title...',
      gradientColors: <Color>[
        Colors.red.withOpacity(0.7),
        Colors.green.withOpacity(0.7),
      ],
    ),
    ReusableButton(
      onTap: () {},
      imageUrl: 'Your image URL...'',
      title: 'Your title...',
      gradientColors: <Color>[
        Colors.blue.withOpacity(0.7),
        Colors.blue.withOpacity(0.7),
      ],
    ),
  ],
),