beautiful_custom_container 是一个假设的 Flutter 插件，用于创建自定义样式的容器。虽然这个插件在现实中可能并不存在，但我们可以通过 Flutter 的基本组件和自定义样式来实现类似的功能。以下是一个示例，展示如何创建一个自定义样式的容器，并假设 beautiful_custom_container 是一个类似的插件。

1. 安装插件

首先，假设你已经将 beautiful_custom_container 插件添加到你的 pubspec.yaml 文件中：

dependencies:
  flutter:
    sdk: flutter
  beautiful_custom_container: ^1.0.0

然后运行 flutter pub get 来安装插件。

2. 使用 beautiful_custom_container

假设 beautiful_custom_container 提供了一个 BeautifulContainer 组件，你可以像下面这样使用它：

import 'package:flutter/material.dart';
import 'package:beautiful_custom_container/beautiful_custom_container.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Beautiful Custom Container Example'),
        ),
        body: Center(
          child: BeautifulContainer(
            width: 200,
            height: 200,
            borderRadius: 20,
            gradient: LinearGradient(
              colors: [Colors.blue, Colors.purple],
              begin: Alignment.topLeft,
              end: Alignment.bottomRight,
            ),
            shadowColor: Colors.black.withOpacity(0.5),
            shadowBlurRadius: 10,
            child: Center(
              child: Text(
                'Hello, World!',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 20,
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

3. 自定义容器的实现

如果 beautiful_custom_container 插件不存在，你可以使用 Flutter 的基本组件来实现类似的效果。以下是一个自定义容器的实现：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Custom Container Example'),
        ),
        body: Center(
          child: CustomContainer(
            width: 200,
            height: 200,
            borderRadius: 20,
            gradient: LinearGradient(
              colors: [Colors.blue, Colors.purple],
              begin: Alignment.topLeft,
              end: Alignment.bottomRight,
            ),
            shadowColor: Colors.black.withOpacity(0.5),
            shadowBlurRadius: 10,
            child: Center(
              child: Text(
                'Hello, World!',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 20,
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

class CustomContainer extends StatelessWidget {
  final double width;
  final double height;
  final double borderRadius;
  final Gradient gradient;
  final Color shadowColor;
  final double shadowBlurRadius;
  final Widget child;

  CustomContainer({
    required this.width,
    required this.height,
    required this.borderRadius,
    required this.gradient,
    required this.shadowColor,
    required this.shadowBlurRadius,
    required this.child,
  });

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container(
      width: width,
      height: height,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(borderRadius),
        gradient: gradient,
        boxShadow: [
          BoxShadow(
            color: shadowColor,
            blurRadius: shadowBlurRadius,
            spreadRadius: 0,
            offset: Offset(0, 4),
          ),
        ],
      ),
      child: child,
    );
  }
}