Flutter (Retrofit + Dio) - 3 - Retrofit方式使用dio

梨花炖海棠

已于 2023-06-03 10:52:42 修改

阅读量2.3k

点赞数 1

分类专栏： flutter 文章标签： flutter

于 2023-06-02 17:12:10 首次发布

本文链接：https://blog.csdn.net/weixin_44531811/article/details/131010816

版权

flutter 专栏收录该内容

10 篇文章

订阅专栏

该教程介绍了如何在Flutter项目中基于Dio和Retrofit库创建实体类，封装网络请求API。首先，过了一遍Flutter官方文档，然后通过@RestApi注解创建DouyinApi接口，定义GET请求获取Douyin用户数据。接着，在HomePageEntrance页面中实例化并调用这些API，获取并打印用户列表的总数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0

考虑篇幅长度，这里将分成几片文章

一、创建基础请求API

lib/api/douyin.dart

import 'package:dio/dio.dart';
import 'package:lhdht_flutter_app/model/request/douyin_user_request_entity.dart';
import 'package:lhdht_flutter_app/model/entity/douyin_user_entity.dart';
import 'package:lhdht_flutter_app/model/response/list_response_entity.dart';
import 'package:retrofit/retrofit.dart';

part 'douyin.g.dart';

@RestApi()
abstract class DouyinApi {
  factory DouyinApi(Dio dio) => _DouyinApi(dio);
  
  @GET("/v1/ext/douyin/user")
  Future<ListResponseEntity<DouyinUserEntity>> getUser(
      @Queries() DouyinUserRequestEntity douyinUserRequestEntity);
}

通过 flutter pub run build_runner build 生成实体类方法

二、使用

lib/pages/home/entrance.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:lhdht_flutter_app/api/douyin.dart';
import 'package:lhdht_flutter_app/components/bottom_navigation/entrance.dart';
import 'package:lhdht_flutter_app/model/request/douyin_user_request_entity.dart';
import 'package:lhdht_flutter_app/model/entity/douyin_user_entity.dart';
import 'package:lhdht_flutter_app/utils/http/entrance.dart';
import 'package:lhdht_flutter_app/utils/system/theme.dart';

class HomePageEntrance extends StatefulWidget {
  const HomePageEntrance({super.key});

  @override
  State<HomePageEntrance> createState() => HomePage();
}
class HomePage extends State<HomePageEntrance> {
  final DouyinApi _douyinApi = DouyinApi(Http.instance.dio); // 实例化

  int douyinUserTotal = 0; 
  DouyinUserRequestEntity douyinUserQuery = DouyinUserRequestEntity();
  List<DouyinUserEntity> douyinUserList = [];

  @override
  void initState() {
     _getDouyinUserList();
    super.initState();
  }

  void _getDouyinUserList() async {
    var res = await _douyinApi.getUser(douyinUserQuery);
    print(res.total);
  }

  @override
  Widget build(BuildContext context) {
    var systemTheme = SystemTheme(context: context);

    return Scaffold(
      appBar: AppBar(
        title: Text(
          "首页",
          style: TextStyle(
            color: systemTheme.dynamicTheme(Colors.white, Colors.black87),
          ),
        ),
        systemOverlayStyle: SystemUiOverlayStyle(
          statusBarIconBrightness: systemTheme.dynamicTheme(Brightness.light, Brightness.dark),
        ),
        backgroundColor: Colors.transparent,
        shadowColor: Colors.black12,
        // elevation: 0, // 底部阴影

        flexibleSpace: Image(
          image: AssetImage(systemTheme.dynamicTheme('lib/assets/images/dark_background.jpg', 'lib/assets/images/light_background.jpg')),
          fit: BoxFit.cover,
        ),
      ),
      body: const Center(
        child: Text("home"),
      ),
      bottomNavigationBar: EntranceBottomNavigation(page: "/home"),
    );
  }
}