Flutter架构示例项目教程

Flutter架构示例项目教程

flutter_architecture_samplesTodoMVC for Flutter项目地址:https://gitcode.com/gh_mirrors/fl/flutter_architecture_samples

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

flutter_architecture_samples/
├── README.md
├── analysis_options.yaml
├── l10n.yaml
├── pubspec.yaml
├── test/
├── lib/
│   ├── app/
│   ├── models/
│   ├── main.dart
│   ├── main_alt.dart
│   ├── main_redux.dart
│   ├── main_scoped_model.dart
│   ├── main_simple.dart
│   ├── main_viper.dart
│   ├── redux/
│   ├── scoped_model/
│   ├── simple/
│   ├── viper/
│   └── widgets/
└── packages/
    ├── flutter_redux/
    ├── scoped_model/
    └── viper/

目录结构介绍

• README.md: 项目说明文档。
• analysis_options.yaml: 代码分析配置文件。
• l10n.yaml: 国际化配置文件。
• pubspec.yaml: 项目的依赖管理文件。
• test/: 包含项目的测试代码。
• lib/: 包含项目的主要代码。
  • app/: 应用的主要界面和逻辑。
  • models/: 数据模型。
  • main.dart: 默认的启动文件。
  • main_alt.dart: 替代的启动文件。
  • main_redux.dart: 使用Redux架构的启动文件。
  • main_scoped_model.dart: 使用Scoped Model架构的启动文件。
  • main_simple.dart: 简单的启动文件。
  • main_viper.dart: 使用VIPER架构的启动文件。
  • redux/: Redux架构相关代码。
  • scoped_model/: Scoped Model架构相关代码。
  • simple/: 简单架构相关代码。
  • viper/: VIPER架构相关代码。
  • widgets/: 自定义组件。
• packages/: 包含项目的子包。
  • flutter_redux/: Redux相关包。
  • scoped_model/: Scoped Model相关包。
  • viper/: VIPER相关包。

2. 项目的启动文件介绍

main.dart

import 'package:flutter/material.dart';
import 'package:flutter_architecture_samples/app/app.dart';

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

main_redux.dart

import 'package:flutter/material.dart';
import 'package:flutter_architecture_samples/redux/app.dart';

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

main_scoped_model.dart

import 'package:flutter/material.dart';
import 'package:flutter_architecture_samples/scoped_model/app.dart';

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

main_simple.dart

import 'package:flutter/material.dart';
import 'package:flutter_architecture_samples/simple/app.dart';

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

main_viper.dart

import 'package:flutter/material.dart';
import 'package:flutter_architecture_samples/viper/app.dart';

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

3. 项目的配置文件介绍

pubspec.yaml

name: flutter_architecture_samples
description: A collection of Flutter architecture samples.

version: 1.0.0+1

environment:
  sdk: ">=2.12.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
  intl: ^0.17.0
  redux: ^5.0.0
  flutter_redux: ^0.8.0
  scoped_model: ^1.0.1
  viper:
    path: packages/viper

dev

flutter_architecture_samplesTodoMVC for Flutter项目地址:https://gitcode.com/gh_mirrors/fl/flutter_architecture_samples