Flutter: Project Folder Structure

[hhstore]

related:

• Flutter: Day1 #208
• xxx

[hhstore]

flutter 项目 - 目录结构:

• search keywords:

flutter folder structure github

ref:

• https://github.com/better-dart/FlutterUnit
• https://github.com/jinxac/flutter-folder-structure

[hhstore]

最佳实践:

方案1: (推荐使用)

• https://github.com/jonataslaw/getx
• https://github.com/jonataslaw/get_cli
• 基于 GetX + Cli 生成的目录结构
• https://github.com/kauemurakami/getx_pattern
• 示例目录: https://github.com/jonataslaw/getx/blob/master/example_nav2/README.md

方案2:

• https://github.com/better-dart/cookiecutter-flutter
• 以后端项目代码的目录, 其实更清晰.
• 前端习惯的命名规范, 表意不明确.

lib/
    - app/
        - cmd/
             main/
        - router/ 路由
        - ui/
        - dao/
            - db/
            - http/
        - proto/
             - config/
             - model/
             - api/
    - pkg/
    - components/
        - widgets/
    - blocs/
    - static/

[hhstore]

1

[hhstore]

1

[hhstore]

1

[hhstore]

xxxxxx:

xxxxxxxxxxxxxx	xxxxxxxxxxxxxx	xxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx