12、Flutter应用开发：Favors应用界面布局与自定义组件实现

Flutter应用开发：Favors应用界面布局与自定义组件实现

1. Favors应用首页布局

Favors应用的首页由四个标签页组成，用于展示不同状态的帮忙请求：
- 待处理请求 ：朋友发出但我们尚未回应的请求。
- 进行中请求 ：我们已接受并正在处理的请求。
- 已完成请求 ：已经完成的请求。
- 已拒绝请求 ：我们拒绝处理的请求。

首页布局代码如下：

class FavorsPage extends statelessWidget {
  // 使用mock_favors dart文件中的模拟值
  final List<Favor> pendingAnswerFavors;
  final List<Favor> acceptedFavors;
  final List<Favor> completedFavors;
  final List<Favor> refusedFavors;
  FavorsPage({
    Key key,
    this.pendingAnswerFavors,
    this.acceptedFavors,
    this.completedFavors,
    this.refusedFavors,
  }) : super(key: key);
  @override
  Widget build(BuildContext co