{"id":64,"date":"2025-04-23T04:29:21","date_gmt":"2025-04-23T04:29:21","guid":{"rendered":"https:\/\/documentation.iqonic.design\/vizion-ai\/?p=64"},"modified":"2025-06-28T08:27:23","modified_gmt":"2025-06-28T08:27:23","slug":"app-structure","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/vizion-ai\/app-structure\/","title":{"rendered":"App Structure"},"content":{"rendered":"
\n
Estimated reading: 1 minutes<\/pre>\n\n\n\n
    \n
  1. Components<\/strong>: This directory contains all the reusable UI components used in the screens of the application. It allows for modular and organized development, where each screen can have multiple components.<\/li>\n\n\n\n
  2. Locale<\/strong>: This directory holds the JSON file for multi-language support. It facilitates easy translation and localization of the application.<\/li>\n\n\n\n
  3. Models<\/strong>: This directory includes a base class that serves as a data store and enables other classes to track changes to that data. It provides a structured approach to data management within the application.<\/li>\n\n\n\n
  4. Network<\/strong>: This directory encompasses all the API configurations for the application. It centralizes the settings and endpoints required for network communication.<\/li>\n\n\n\n
  5. PaymentGateways<\/strong>: This section is dedicated to handling payment gateway integrations. It provides a separate space to configure and manage various payment options within the application.<\/li>\n\n\n\n
  6. Screens<\/a><\/strong>: This directory contains all the individual screens of the application. Each screen represents a distinct user interface with specific functionality.<\/li>\n\n\n\n
  7. Utils<\/strong>: The Utils directory holds the app’s configuration files, including color schemes, constants, and commonly used functions. It promotes code reuse and encapsulates common functionalities.<\/li>\n\n\n\n
  8. App_theme.dart<\/strong>: This file allows customization of the application’s theme, including colors, fonts, and styles. It provides a convenient way to define the visual appearance of the entire app.<\/li>\n\n\n\n
  9. Configs.dart<\/strong>: This file enables configuration customization for the application, such as changing the app’s name and other settings. It serves as a central hub for modifying various aspects of the application’s behavior and appearance.<\/li>\n<\/ol>\n\n\n\n
    INFO<\/strong><\/p>\n\n\n\n
    Screens<\/strong><\/p>\n\n\n\n
    The Screens<\/strong> directory usually contains feature-wise subdirectories, each with a common structure. Below are the typical subdirectories found within a screen’s directory:<\/p>\n\n\n\n
      \n
    • components<\/strong> : This directory contains all the reusable UI components used in the feature’s screens.<\/li>\n\n\n\n
    • models<\/strong> : This directory typically holds data models or classes used within the feature.<\/li>\n\n\n\n
    • services<\/strong> : This directory is used for making API calls and often contains service classes responsible for fetching data from APIs, handling responses, and other related tasks.<\/li>\n<\/ul>\n\n\n\n
      Additionally, the following files are commonly found within a screen’s directory:<\/p>\n\n\n\n
        \n
      • controller.dart<\/strong> : This file contains classes responsible for controlling the logic and state of the feature’s screens.<\/li>\n\n\n\n
      • screen.dart<\/strong> : This file is where the UI implementation for the feature resides.<\/li>\n<\/ul>\n\n\n\n
        <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"
        Estimated reading: 1 minutes INFO Screens The Screens directory usually contains feature-wise subdirectories, each with a common structure. Below are the typical subdirectories found within a screen’s directory: Additionally, the following files are commonly found within a screen’s directory:<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":60,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-64","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/vizion-ai\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":4,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/64\/revisions"}],"predecessor-version":[{"id":626,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/64\/revisions\/626"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/60"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/media?parent=64"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/categories?post=64"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/tags?post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}