Flutter网络请求插件fx_dio的使用

Flutter网络请求插件fx_dio的使用

fx_dio 是一个基于 Dio 的 Flutter 网络请求插件。它提供了强大的配置选项和丰富的功能来处理 HTTP 请求。

安装

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

dependencies:
  fx_dio: ^1.0.0

然后运行 flutter pub get 来安装依赖。

基本用法

以下是一个基本的示例，展示了如何使用 fx_dio 发送 GET 请求并处理响应。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Fx Dio Example')),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              // 创建一个 Dio 实例
              final dio = FxDio();

              try {
                // 发送 GET 请求
                final response = await dio.get('https://jsonplaceholder.typicode.com/posts/1');

                // 处理响应数据
                print('Response Data: ${response.data}');
              } catch (e) {
                // 处理错误
                print('Error: $e');
              }
            },
            child: Text('Send Request'),
          ),
        ),
      ),
    );
  }
}

配置请求

你可以在发送请求之前对 Dio 实例进行配置，例如设置基础 URL、超时时间等。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Fx Dio Example')),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              // 创建一个 Dio 实例并配置
              final dio = FxDio(
                options: BaseOptions(
                  baseUrl: 'https://jsonplaceholder.typicode.com/',
                  connectTimeout: 5000,
                  receiveTimeout: 3000,
                ),
              );

              try {
                // 发送 GET 请求
                final response = await dio.get('posts/1');

                // 处理响应数据
                print('Response Data: ${response.data}');
              } catch (e) {
                // 处理错误
                print('Error: $e');
              }
            },
            child: Text('Send Request with Config'),
          ),
        ),
      ),
    );
  }
}

错误处理

你可以通过捕获异常来处理网络请求中的错误。fx_dio 会抛出 DioError 类型的异常，你可以根据不同的错误类型进行处理。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Fx Dio Example')),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              // 创建一个 Dio 实例
              final dio = FxDio();

              try {
                // 发送 GET 请求
                final response = await dio.get('https://jsonplaceholder.typicode.com/posts/1');

                // 处理响应数据
                print('Response Data: ${response.data}');
              } on DioError catch (e) {
                // 处理不同类型的错误
                switch (e.type) {
                  case DioErrorType.connectTimeout:
                    print('Connection timeout');
                    break;
                  case DioErrorType.receiveTimeout:
                    print('Receive timeout');
                    break;
                  case DioErrorType.response:
                    print('Server error: ${e.response?.data}');
                    break;
                  default:
                    print('Other error: $e');
                }
              } catch (e) {
                // 其他错误
                print('Unknown error: $e');
              }
            },
            child: Text('Handle Errors'),
          ),
        ),
      ),
    );
  }
}