Flutter网络核心功能插件network_core的使用

Flutter网络核心功能插件network_core的使用

Network Core - Flutter插件

Network Core 是一个基于 Flutter 的插件，它简化了网络操作，使用了 Dio HTTP 客户端。它提供了一个干净且可扩展的架构来处理网络请求、解析响应以及管理 API 配置。

特性

• 使用简单的 NetworkClient 处理请求。
• 可扩展的 NetworkConfiguration 来自定义客户端设置。
• 简化请求和响应解析，通过 RequestApi 和 EntityParser。
• 内置支持依赖注入和模块化架构。

安装

在你的 pubspec.yaml 文件中添加该插件：

dependencies:
  network_core: ^0.0.3

示例代码

以下是一个完整的示例代码，展示了如何使用 network_core 插件进行网络请求。

main.dart

import 'package:example/app/app.dart'; // 导入应用入口
import 'package:example/modules/posts/posts.provider.dart'; // 导入数据提供者
import 'package:flutter/material.dart'; // 导入 Flutter 基础库
import 'package:provider/provider.dart'; // 导入状态管理库

void main() {
  // 在应用启动时初始化多提供商
  runApp(MultiProvider(
    providers: [
      // 创建并初始化 PostProvider 实例，并调用 getPosts 方法获取数据
      ChangeNotifierProvider(create: (_) => PostProvider()..getPosts()),
    ],
    // 设置应用根组件
    child: const MyApp(),
  ));
}

app.dart

import 'package:flutter/material.dart'; // 导入 Flutter 基础库

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    // 获取 PostProvider 实例
    final postProvider = Provider.of<PostProvider>(context);
    
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: () {
                // 调用 PostProvider 的方法刷新数据
                postProvider.getPosts();
              },
              child: Text('Refresh Posts'),
            ),
            // 显示从 PostProvider 中获取的数据
            ...postProvider.posts.map((post) => Text(post.title)).toList()
          ],
        ),
      ),
    );
  }
}

posts.provider.dart

import 'package:dio/dio.dart'; // 导入 Dio 库
import 'package:network_core/network_core.dart'; // 导入 Network Core 库
import 'package:flutter/foundation.dart'; // 导入 Flutter 基础库

class Post {
  final int userId;
  final int id;
  final String title;
  final String body;

  Post({
    required this.userId,
    required this.id,
    required this.title,
    required this.body,
  });

  factory Post.fromJson(Map<String, dynamic> json) {
    return Post(
      userId: json['userId'],
      id: json['id'],
      title: json['title'],
      body: json['body'],
    );
  }
}

class PostProvider with ChangeNotifier {
  List<Post> _posts = [];

  List<Post> get posts => _posts;

  Future<void> getPosts() async {
    try {
      // 使用 NetworkClient 发送请求
      final response = await NetworkClient().get('/posts');
      
      if (response.statusCode == 200) {
        // 解析响应数据
        final data = response.data as List<dynamic>;
        _posts = data.map((json) => Post.fromJson(json)).toList();
        notifyListeners(); // 通知监听器更新视图
      } else {
        throw Exception('Failed to load posts');
      }
    } catch (e) {
      print(e);
    }
  }
}