当然，以下是如何在Flutter项目中使用shelf_swagger_ui插件来展示Swagger API文档的示例代码。shelf_swagger_ui通常用于Dart后端项目，而不是Flutter前端项目，但我可以展示如何在Dart后端项目中集成它，以便与Flutter前端或其他客户端交互。

首先，确保你的Dart项目已经设置好，并且你有一个使用shelf库的简单服务器。接下来，我们将添加shelf_swagger_ui来展示Swagger UI。

1. 添加依赖

在你的pubspec.yaml文件中添加以下依赖：

dependencies:
  shelf: ^1.0.0
  shelf_router: ^1.0.0
  shelf_swagger: ^1.0.0 # 假设你有一个API定义文件
  shelf_swagger_ui: ^1.0.0 # 用于展示Swagger UI

然后运行flutter pub get（或dart pub get，取决于你的项目类型）来安装依赖。

2. 定义你的API

创建一个api.dart文件来定义你的API端点。这里我们假设你有一个简单的REST API：

import 'package:shelf/shelf.dart';
import 'package:shelf_router/shelf_router.dart';

Router getRouter() {
  final router = Router();

  router.get('/hello', (Request request) {
    return Response.ok('Hello, World!');
  });

  // 添加更多API端点...

  return router;
}

3. 配置Swagger

创建一个swagger.dart文件来配置Swagger：

import 'package:shelf_swagger/shelf_swagger.dart';

final apiDocs = Swagger.fromYamlString('''
swagger: "2.0"
info:
  title: "Simple API"
  description: "A simple API to demonstrate Swagger integration"
  version: "1.0.0"
host: "localhost:8080"
basePath: "/"
schemes:
  - "http"
paths:
  /hello:
    get:
      summary: "Say hello"
      responses:
        200:
          description: "Successful response"
          schema:
            type: "string"
''');

4. 集成Swagger UI

在你的main.dart（或服务器启动文件）中，集成shelf、shelf_router和shelf_swagger_ui：

import 'dart:io';

import 'package:shelf/shelf.dart';
import 'package:shelf_router/shelf_router.dart';
import 'package:shelf_swagger_ui/shelf_swagger_ui.dart';
import 'api.dart';
import 'swagger.dart';

void main() {
  final router = getRouter();

  var handler = createSwaggerUiHandler(
    swaggerDoc: apiDocs,
    basePath: '/swagger', // Swagger UI的访问路径
    apiDocsPath: '/api-docs', // JSON API文档的访问路径
  );

  var pipeline = const Pipeline().addMiddleware(logRequests());

  var app = Router()
    ..addRoute(handler.swaggerUiPath, handler.swaggerUiHandler)
    ..addRoute(handler.swaggerDocPath, handler.swaggerDocHandler)
    ..addAll(router.routes);

  var server = await HttpServer.bind(InternetAddress.anyIPv4, 8080);
  print('Serving at http://${server.address.host}:${server.port}');
  server.listen((request) => pipeline.handleRequest(request).then((response) => response.close()));
}

5. 运行你的服务器

现在，你可以运行你的Dart服务器。打开浏览器并访问http://localhost:8080/swagger，你应该能够看到Swagger UI，展示了你的API文档。

这个示例展示了如何在Dart后端项目中集成shelf_swagger_ui来展示Swagger API文档。虽然这不是一个Flutter前端项目，但Flutter前端可以通过这个API与后端进行交互。希望这对你有所帮助！