Mofi

Flutter Folder Structure

To make the code more re-usable we have created multiple components that can be reused. This makes refactoring the code effecient and saves a lot of time for the developers.

We have used the best folder structure to keep all the common types of code separate from each other.

Mofi
- assets
  - fonts
    - OutFit-Black.ttf
    - All Fonts .ttf files here
  - gif
    - gif_Error.gif
    - all gif image here(.gif)
  - images
    - logo.png
    - all png image here(.png)
  - svg
    - icon_ArrowBack.svg
    - all svg icon here(.svg)
- lib
  - Common
    - assets
      - gif_assets.dart
      - image_assets.dart
      - index.dart
      - svg_assets.dart
    - extension
      - index.dart
      - spacing.dart
      - text_style_extensions.dart
      - widget_extension.dart
    - language
      - app_language.dart
      - ar.dart
      - en.dart
      - fr.dart
      - hi.dart
      - language_change.dart
      - language_helper.dart
    - theme
      - app_array
        
        app_array.dart
        
        array_path_list.dart
        
        chart_array.dart
        
        dashboard_array.dart
        
        icon_array.dart
        
        table_array.dart
        
        Uikit_array.dart
      - app_css.dart
      - app_theme.dart
      - index.dart
      - scale.dart
    - Utils
      - Common_function.dart
      - Condition_common_layout.dart
    - app_font.dart
    - common_path_list.dart
    - session.dart
  - helper
    - helper_path_list.dart
    - Navigation_class.dart
    - validation.dart
  - models
    - web_model
      - all web_model call here (.dart)
    - auth_model
      - all auth_model call here (.dart)
    - navigation_model
      - all navigation_model call here (.dart)
    - common_model
      - all common_model call here (.dart)
    - model_path_list.dart
  - provider
    - web_pages_provider
      - all web_page_provider call here (.dart)
    - auth_provider
      - login_provider.dart
      - all auth_provider call here (.dart)
    - navigation_provider
      - all navigation_provider call here (.dart)
    - common_provider
      - theme_provider.dart
      - all common_provider call here (.dart)
    - provider_path_list.dart
  - routes
    - index.dart
    - route_name.dart
  - screens
    - web_pages_screens
      - all web_pages_screens call here (.dart)
    - auth_screens
      - all auth_screens call here (.dart)
    - navigation_screens
      - all navigation_screens call here (.dart)
    - common_screens
      - all common_screens call here (.dart)
    - screen_path_list.dart
  - widgets
    - all_common dart file here(.dart)
  - config.dart
  - main.dart
  - Plugin_list.dart
- Web
  - favicon.png
pubspec.yaml

Mofi Documentation

Flutter Folder Structure