flutter_base_project

Флаттер базовый проект

• Это шаблон проекта, который включает в себя несколько библиотек, которые помогут в процессе разработки проекта Flutter с использованием архитектуры MVVM. Шаблон включает в себя различные слои, такие как основание, константы, расширения, init и базовая модель. Он также включает в себя библиотеки для управления государством, локализации, кэша, сети и сериализации, среди прочего. Шаблон имеет предопределенный код для зданий и моделей просмотра, что облегчает разработчикам сосредоточиться на дизайне страниц и бизнес-логике.

Энтугребационные шаги

• 1-) Откройте файл "flutter_base_project". (не с VSCODE, Android Studio и т. Д.)
• 2-) Скопируйте файлы сценария «lib», «активы» и «сценарии» и вставьте их в свой собственный проект.
• 3-) Интегрируйте библиотеки и активы в папку "pubspec.yaml".
• 4-) Замените импорт в закрытии своим собственным названием проекта и исправьте импорт.

Библиотеки проектов Flutter Base

• Государственное управление

  • mobx => https://pub.dev/packages/mobx
  • flutter_mobx => https://pub.dev/packages/flutter_mobx
  • Provider => https://pub.dev/packages/provider
  • mobx_codegen => https://pub.dev/packages/mobx_codegen
  • build_runner => https://pub.dev/packages/build_runner

• Локализация

  • easy_localization => https://pub.dev/packages/easy_localization

• Кеш

  • shared_preferences => https://pub.dev/packages/shared_preferences

• Сеть

  • dio => https://pub.dev/packages/dio

• Сериализуем

  • json_serializable => https://pub.dev/packages/json_serializable

Проектные слои

• База

  • Может быть перенесен от проекта в проект. Структуры, которые он содержит, могут использоваться плавно в каждом проекте.

  • В проекте, основанном на архитектуре MVVM, мы создаем базовые структуры слоев модели View-ViewModel отсюда.

• Константы

  • Папка, где значения, которые не будут меняться на протяжении всего приложения и могут использоваться от начала до конца, сохраняются.

  • Включает имена навигации, которые будут использоваться путем приложения, значений перечисления, констант изображения, пути навигации.

• Расширения

  • Расширения, которые могут использоваться в каждой части проекта с точки зрения менталитета чистого кода, имеют важное значение.

  • Context_extension => место, где в приложении хранятся такие значения, как ширина, высота, прокладка и продолжительность.

• Инициатор

  • Место, где важные элементы управления, такие как кэш, LANG, навигация, сеть, уведомление и тема, управляются для мобильного приложения.

  • Cache => содержит Locale Manager для управления кэшем приложений в этом разделе.

  • lang => содержит менеджер языка для локализации. Для локализации языки, которые будут локализованы, должны быть помещены в папки, такие как en-us.json, tr-tr.json в рамках Assets/Lang. После любых изменений, внесенных в этих папках, команда «Flutter Pub Run Easy_localization: генерировать -o lib/core/init/lang -f keys -o locale_keys.g.dart -s Assets/lang», должна быть записана в терминале.

  • Navigation => Место, где предоставляются навигационные и навигационные маршруты.

  • Network => Используется для управления операциями по скребке с веб -сайтов с использованием DIO

  • Уведомление => управляет темами изменений между темными и легкими темами с уведомлением о теме.

  • Theme => Используется для управления темой приложения.

View-ViewModel Base

• После завершения процессов разработки архитектурного развития, указанных в разделе Project Shayers, мы можем начать заполнение представлений и просмотров приложения в целом.

• В этом разделе мы видим, как мы можем использовать представления нашего приложения и просмотры интегрированными способами с кодом, который мы написали на базовом уровне.

  ViewModel

  • Когда мы начинаем создавать раздел ViewModel, мы сначала начинаем генерировать код ViewModel, используя фрагмент MOBX. ( Обратите внимание, что build_runner_watch активен во время этого процесса. )

  • После завершения этого процесса MOBX_CODEGEN начинает записывать сгенерированные коды в папку ViewModel.g.dart от нашего имени.

  • Разрабатывая нашу ViewModel, мы используем base_view_model, которую мы сделали в базовом разделе. Для этого процесса мы добавляем класс с Store, BaseViewModel в класс, чтобы получить его из класса BaseViewModel.

  • После добавления этих структур мы интегрируем наши функции setContext () и init () из нашего base_view_model. "

  

  Вид

  • Начав заполнять раздел представления, мы сначала используем разработку view_base, который мы разработали в базовом разделе.

  • Чтобы нарисовать нашу страницу, мы добавляем нашу Baseview в раздел возврата, но этот Baseview должен быть получен из ViewModel (например: baseview ())

  • После интеграции BaseView мы начинаем заполнять код, который мы написали в разделе BASE_VIEW здесь.

  • ViewModel => Мы даем ViewModel страницы, которую мы нарисовали, как описано выше.

  • OnModelReady => Мы контролируем контекстное взаимодействие модели, которую мы дали.

  • OnPageBuilder => Это раздел, в котором мы начинаем рисовать нашу страницу.

  

  Публикуйте в Android

  Кредиты

  • Спасибо HardwareAndro YouTube Channel => https://www.youtube.com/@hardwareandro
  • Благодаря Вели Бакику, который предоставляет эти тренировки для участия в моем обучении по этим темам. => https://github.com/vb10