Flutter摇晃设备拦截器插件 shake_dio_interceptor 的使用

shake_dio_interceptor 是一个扩展包，用于增强 Shake 错误报告工具的功能。它提供了一个 dio 拦截器，使得网络请求可以在 Shake 的仪表盘上可见。

如何使用

1. 添加依赖

首先，在你的 pubspec.yaml 文件中添加 shake_dio_interceptor 和 dio 的依赖：

dependencies:
  flutter:
    sdk: flutter
  dio: ^5.0.0
  shake_dio_interceptor: ^1.0.0

确保你已经安装了 Shake SDK，并且配置好了项目。

2. 初始化 Dio 并添加拦截器

在你的应用启动时，初始化 Dio 实例并添加 ShakeDioInterceptor：

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:shake_dio_interceptor/shake_dio_interceptor.dart';

void main() {
  var dio = Dio();
  // 添加 ShakeDioInterceptor
  dio.interceptors.add(ShakeDioInterceptor());

  runApp(MyApp());
}

3. 完整的示例代码

下面是一个完整的示例，展示了如何在 Flutter 应用中使用 shake_dio_interceptor 插件。

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:shake_dio_interceptor/shake_dio_interceptor.dart';

void main() {
  // 初始化 Dio 实例
  var dio = Dio();
  
  // 添加 ShakeDioInterceptor
  dio.interceptors.add(ShakeDioInterceptor());

  // 启动应用
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, this.title}) : super(key: key);

  final String? title;

  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title!),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Shake network tracking is enabled.',
              style: TextStyle(fontSize: 18),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () async {
                // 示例：发起一个网络请求
                try {
                  Response response = await Dio().get('https://jsonplaceholder.typicode.com/posts/1');
                  print('Response data: ${response.data}');
                } catch (e) {
                  print('Error: $e');
                }
              },
              child: Text('发起网络请求'),
            ),
          ],
        ),
      ),
    );
  }
}