在flutter中创建一个带有背景图像的按钮

import 'package:flutter/material.dart';

class CustomButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        // 设置背景图像
        image: DecorationImage(
          image: AssetImage('assets/images/background.jpg'),
          fit: BoxFit.cover,
        ),
        // 设置其他样式，例如圆角和边框
        borderRadius: BorderRadius.circular(10),
        border: Border.all(
          color: Colors.black,
          width: 2,
        ),
      ),
      child: InkWell(
        onTap: () {
          // 处理按钮点击事件
          print('Button clicked');
        },
        child: Padding(
          padding: EdgeInsets.all(16),
          child: Text(
            '按钮',
            style: TextStyle(
              fontSize: 20,
              color: Colors.white,
            ),
          ),
        ),
      ),
    );
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter按钮示例'),
        ),
        body: Center(
          child: CustomButton(),
        ),
      ),
    );
  }
}