Flutter网络请求插件minimal_http_client的使用

当然，下面是一个关于如何使用Flutter网络请求插件minimal_http_client的示例代码。这个插件提供了一个简洁的接口来进行HTTP请求。

首先，确保你已经在pubspec.yaml文件中添加了minimal_http_client依赖：

dependencies:
  flutter:
    sdk: flutter
  minimal_http_client: ^0.2.0  # 请检查最新版本号

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

接下来，在你的Flutter项目中，你可以按如下方式使用minimal_http_client来进行HTTP请求。以下是一个完整的示例，包括GET和POST请求的使用。

import 'package:flutter/material.dart';
import 'package:minimal_http_client/minimal_http_client.dart';
import 'dart:convert';

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

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

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String? responseData;

  void fetchData() async {
    final client = MinimalHttpClient();

    // GET 请求示例
    try {
      final response = await client.get(
        Uri.parse('https://jsonplaceholder.typicode.com/posts/1'),
      );

      if (response.statusCode == 200) {
        setState(() {
          responseData = response.bodyAsString;
        });
      } else {
        setState(() {
          responseData = 'Error: ${response.statusCode}';
        });
      }
    } catch (e) {
      setState(() {
        responseData = 'Exception: $e';
      });
    }
  }

  void postData() async {
    final client = MinimalHttpClient();

    // POST 请求示例
    final jsonBody = jsonEncode({
      'title': 'foo',
      'body': 'bar',
      'userId': 1,
    });

    try {
      final response = await client.post(
        Uri.parse('https://jsonplaceholder.typicode.com/posts'),
        headers: {
          'Content-Type': 'application/json',
        },
        body: jsonBody,
      );

      if (response.statusCode == 201) {
        setState(() {
          responseData = response.bodyAsString;
        });
      } else {
        setState(() {
          responseData = 'Error: ${response.statusCode}';
        });
      }
    } catch (e) {
      setState(() {
        responseData = 'Exception: $e';
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Minimal HttpClient Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: fetchData,
              child: Text('Fetch Data (GET)'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: postData,
              child: Text('Post Data (POST)'),
            ),
            SizedBox(height: 20),
            Text(responseData ?? 'No data'),
          ],
        ),
      ),
    );
  }
}

在这个示例中，我们创建了一个Flutter应用，其中包括两个按钮，一个用于执行GET请求，另一个用于执行POST请求。GET请求从https://jsonplaceholder.typicode.com/posts/1获取数据，POST请求向https://jsonplaceholder.typicode.com/posts发送JSON数据。

注意：

• MinimalHttpClient的get和post方法返回一个Future<Response>，因此我们需要使用await关键字来等待响应。
• 响应的状态码可以通过response.statusCode获取。
• 响应的主体可以通过response.bodyAsString获取为字符串。

希望这个示例能帮助你理解如何使用minimal_http_client进行网络请求。如果你有任何进一步的问题，请随时提问！