Flutter网络基础功能插件flutter_network_base的使用

flutter_network_base

Pure network foundation library(纯净的网络基础库).

特性

List what your package can do. Maybe include images, gifs, or videos.

开始使用

List prerequisites and provide or point to information on how to start using the package.

在使用 flutter_network_base 插件之前，请确保您的项目已经配置好 Dart 和 Flutter 环境。然后，在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  flutter_network_base: ^1.0.0

运行 flutter pub get 来安装依赖。

使用

Include short and useful examples for package users. Add longer examples to /example folder.

以下是一个简单的示例，展示如何使用 flutter_network_base 进行网络请求：

示例代码

import 'package:flutter/material.dart';
import 'package:flutter_network_base/flutter_network_base.dart'; // 导入插件

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: NetworkExamplePage(),
    );
  }
}

class NetworkExamplePage extends StatefulWidget {
  [@override](/user/override)
  _NetworkExamplePageState createState() => _NetworkExamplePageState();
}

class _NetworkExamplePageState extends State<NetworkExamplePage> {
  String _response = '等待请求...';

  Future<void> _fetchData() async {
    try {
      // 使用插件发起GET请求
      final response = await NetworkBase.get('https://jsonplaceholder.typicode.com/posts/1');
      
      // 将响应结果赋值给变量
      setState(() {
        _response = response;
      });
    } catch (e) {
      // 捕获异常并处理
      setState(() {
        _response = '错误: $e';
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Network Base 示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _fetchData, // 点击按钮发起网络请求
              child: Text('获取数据'),
            ),
            SizedBox(height: 20),
            Text(_response), // 显示请求结果
          ],
        ),
      ),
    );
  }
}

更多关于Flutter网络基础功能插件flutter_network_base的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

yibo5220 1楼•7 天前

更多关于Flutter网络基础功能插件flutter_network_base的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

flutter_network_base 是一个用于简化 Flutter 应用中网络请求的插件。它提供了基础的网络请求功能，如 GET、POST、PUT、DELETE 等，并且支持请求拦截、错误处理、缓存等功能。以下是如何使用 flutter_network_base 插件的基本步骤。

1. 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  flutter_network_base: ^1.0.0  # 请使用最新版本

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

2. 初始化网络客户端

在使用网络请求之前，你需要初始化一个网络客户端。通常你可以在应用的入口文件中进行初始化。

import 'package:flutter_network_base/flutter_network_base.dart';

void main() {
  // 初始化网络客户端
  NetworkBase.initialize(
    baseUrl: 'https://your-api-url.com', // 你的API基础URL
    interceptors: [
      // 添加拦截器，例如日志拦截器、认证拦截器等
      LogInterceptor(),
    ],
  );

  runApp(MyApp());
}

3. 发起网络请求

你可以使用 NetworkBase 来发起 GET、POST、PUT、DELETE 等请求。

GET 请求

void fetchData() async {
  try {
    var response = await NetworkBase.get('/endpoint');
    print(response.data);
  } catch (e) {
    print('Error: $e');
  }
}

POST 请求

void postData() async {
  try {
    var response = await NetworkBase.post(
      '/endpoint',
      data: {'key': 'value'}, // 请求体数据
    );
    print(response.data);
  } catch (e) {
    print('Error: $e');
  }
}

PUT 请求

void updateData() async {
  try {
    var response = await NetworkBase.put(
      '/endpoint',
      data: {'key': 'new_value'}, // 请求体数据
    );
    print(response.data);
  } catch (e) {
    print('Error: $e');
  }
}

DELETE 请求

void deleteData() async {
  try {
    var response = await NetworkBase.delete('/endpoint');
    print(response.data);
  } catch (e) {
    print('Error: $e');
  }
}

4. 添加拦截器

拦截器可以用于在请求发出前或响应返回后进行一些操作，例如添加认证信息、记录日志等。

class AuthInterceptor extends Interceptor {
  @override
  void onRequest(RequestOptions options, RequestInterceptorHandler handler) {
    // 在请求头中添加认证信息
    options.headers['Authorization'] = 'Bearer your_token';
    handler.next(options);
  }

  @override
  void onResponse(Response response, ResponseInterceptorHandler handler) {
    // 处理响应
    handler.next(response);
  }

  @override
  void onError(DioError err, ErrorInterceptorHandler handler) {
    // 处理错误
    handler.next(err);
  }
}

然后在初始化时添加拦截器：

NetworkBase.initialize(
  baseUrl: 'https://your-api-url.com',
  interceptors: [
    AuthInterceptor(),
    LogInterceptor(),
  ],
);

5. 错误处理

flutter_network_base 使用 Dio 作为底层网络库，因此你可以使用 DioError 来处理请求中的错误。

void fetchData() async {
  try {
    var response = await NetworkBase.get('/endpoint');
    print(response.data);
  } on DioError catch (e) {
    if (e.response != null) {
      print('Error status code: ${e.response!.statusCode}');
      print('Error data: ${e.response!.data}');
    } else {
      print('Error: ${e.message}');
    }
  } catch (e) {
    print('Unexpected error: $e');
  }
}