Flutter Clean Architecture 项目教程

1. 项目的目录结构及介绍

FlutterCleanArchitecture/
├── lib/
│   ├── core/
│   │   ├── constants/
│   │   ├── errors/
│   │   ├── network/
│   │   ├── usecases/
│   │   └── utils/
│   ├── data/
│   │   ├── models/
│   │   ├── repositories/
│   │   └── sources/
│   ├── domain/
│   │   ├── entities/
│   │   ├── repositories/
│   │   └── usecases/
│   ├── presentation/
│   │   ├── blocs/
│   │   ├── pages/
│   │   └── widgets/
│   └── main.dart
├── test/
├── pubspec.yaml
└── README.md

目录结构介绍

• lib/: 项目的主要代码文件夹。

  • core/: 包含项目的核心功能，如常量、错误处理、网络请求等。
  • data/: 数据层，负责数据模型、数据仓库和数据源的实现。
  • domain/: 领域层，包含业务实体、业务仓库接口和用例。
  • presentation/: 展示层，包含业务逻辑控制器（BLoC）、页面和组件。
  • main.dart: 项目的入口文件。

• test/: 包含项目的测试代码。

• pubspec.yaml: 项目的配置文件，包含依赖管理等信息。

• README.md: 项目的说明文档。

2. 项目的启动文件介绍

main.dart

import 'package:flutter/material.dart';
import 'presentation/pages/home_page.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Clean Architecture',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
    );
  }
}

启动文件介绍

• main(): 应用程序的入口函数，调用 runApp 方法启动应用。
• MyApp: 应用的根组件，配置应用的主题和首页。

3. 项目的配置文件介绍

pubspec.yaml

name: flutter_clean_architecture
description: A new Flutter project.

version: 1.0.0+1

environment:
  sdk: ">=2.12.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter
  flutter_bloc: ^7.0.0
  get_it: ^7.2.0
  http: ^0.13.3

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^1.0.0

flutter:
  uses-material-design: true

配置文件介绍

• name: 项目的名称。
• description: 项目的描述。
• version: 项目的版本号。
• environment: 指定 Dart SDK 的版本范围。
• dependencies: 项目的依赖库，如 flutter_bloc, get_it, http 等。
• dev_dependencies: 开发环境的依赖库，如 flutter_test, flutter_lints 等。
• flutter: 配置 Flutter 相关的设置，如使用 Material Design。