Flutter набирает заметную популярность на цифровой платформе для создания согласованной, привлекательной и надежной основы для разработки приложений. С помощью инфраструктуры Flutter разработчики приложений создают многоплатформенные и многофункциональные приложения, в конечном итоге улучшая производительность приложений в Интернете и вовлечение пользователей.
Простое управление состоянием приложения — важный аспект Flutter, который используется на следующих этапах после эфемерного состояния и состояния приложения с декларативным программированием пользовательского интерфейса во Flutter. Компания-разработчик Flutter обычно реализует управление состоянием приложения для упрощения обработки и функций для процедур разработки приложений.
В этой статье мы изучим и обсудим некоторые императивные советы по реализации простого управления состоянием приложения с их основными концепциями в приложениях Flutter. Давайте начнем:
Использование пакета провайдера:
В приложении Flutter разработчики Flutter обычно используют пакеты провайдеров или коды провайдеров для реализации управления состоянием. Основной причиной этого является простота функционирования, легкий подход и меньшее использование кодов. Он работает с концепциями, используемыми для других подходов в приложениях Flutter. Ниже приведен код реализации поставщика использования в приложении Flutter с оптимальной зависимостью от файла pubspec.yaml.
Запустите эту команду в терминале, чтобы добавить пакет провайдера:
флаттер паб добавить провайдера
// pubspec.yaml
# …
зависимости:
трепетать:
СДК: флаттер
провайдер: ^4.0.0
С этим кодированием основная проблема при использовании этого кода заключается в использовании последней версии пакета провайдера. Состояние приложения требует постоянного внимания и модификации с разных концов среды приложения Flutter.
Управление состоянием приложения: обзор
Состояние приложения относится ко всем возможным элементам в памяти во время работы приложения. Все элементы в приложении включают в себя переменные и активы, которые приложение Flutter использует для создания текстур, анимации, пользовательского интерфейса, шрифтов и т. д. С состоянием приложения и включенными элементами перестройка функций пользовательского интерфейса в приложении Flutter довольно проста и удобна.
Иногда состояние приложения связано с архитектурой приложения, хотя оба они являются отдельными аспектами приложений Flutter. В состоянии приложения элемент текстуры не нуждается в управлении, поскольку его обрабатывает структура приложения. Существует два основных типа состояний:
- Состояние приложения
- Эфемерное состояние
Состояние приложения называется состоянием, которое может совместно использоваться в нескольких разделах приложения и которое существует между сеансами пользователя приложения. оно также известно как общее состояние, и для управления состоянием приложения нет четких правил. Требуется основное исследование для доступного варианта в соответствии с вашими требованиями. ниже приведены некоторые из распространенных примеров упомянутого состояния приложения:
- Информация для входа
- Непрочитанное/прочитанное состояние контента в новостном приложении
- Корзина в приложении электронной коммерции
- Пользовательские настройки
- Уведомления в социальных сетях и сетевом приложении
Советы по управлению состоянием приложения в приложении Flutter:
Хотя прямых методов управления состоянием приложения с помощью определенных команд не существует. Существует несколько косвенных способов простого управления состоянием приложения для изменения включающих элементов, что в конечном итоге повышает производительность. Кратко обсудим некоторые из них:
Повышение состояния приложения:
Реализация положения состояния над виджетами, которые его используют в приложениях Flutter, довольно распространена и имеет смысл. В приложении Flutter это сложный процесс реформирования или обновления функций пользовательского интерфейса, поскольку требуется полная перестройка с нуля. Любая вариация касается сложностей внутри виджетов и их функционирования.
Эфемерное состояние приложения Flutter включает оптимизированный виджет в качестве конечной позиции. Это состояние называется локальным или состоянием пользовательского интерфейса. Это состояние не требует никакого управления или сериализации в приложении. он управляется простой командой statefulWidget, и нет необходимости в стратегиях и методах управления состоянием. Ниже приведен пример кодирования упомянутого эфемерного состояния:
Пример:
eligiblity_screen_provider.dart
импортировать ‘package:flutter/material.dart’;
класс EligiblityScreenProvider расширяет ChangeNotifier {
Строка _eligiblityMessage = «»;
буль? _подходящий;
void checkEligiblity(int age) {
если (возраст ›= 18) {
правоДляЛицензии();
} еще {
не подходит для лицензии ();
}
}
недействителен правомочныйForLicense() {
_eligiblityMessage = «Вы имеете право подать заявку на получение водительских прав»;
_isEligible = true;
уведомитьслушателей();
}
void notEligibleForLicense() {
_eligiblityMessage = «Вы не имеете права подавать заявку на получение водительских прав»;
_isEligible = ложь;
уведомитьслушателей();
}
Строка get eligiblityMessage => _eligiblityMessage;
bool get isEligible =› _isEligible ?? ложь;
}
main.dart
импортировать ‘package:flutter/material.dart’;
импортировать ‘package:flutter_agency_article_review/eligiblity_screen_provider.dart’;
импортировать «package:provider/provider.dart»;
void main() {
runApp(const MyApp());
}
класс MyApp расширяет StatelessWidget {
const MyApp({Ключ? Ключ}): super(Ключ: Ключ);
@переопределить
Сборка виджета (контекст BuildContext) {
возврат const MaterialApp(
дом: МояДомашняяСтраница(),
);
}
}
класс MyHomePage расширяет StatefulWidget {
const MyHomePage({Ключ? Ключ}): super(Ключ: Ключ);
@переопределить
Состояние‹МояДомашняяСтраница› createState() =› _MyHomePageState();
}
класс _MyHomePageState расширяет состояние‹MyHomePage› {
окончательный ageController = TextEditingController();
@переопределить
Сборка виджета (контекст BuildContext) {
возврат ChangeNotifierProvider‹EligiblityScreenProvider›(
создать: (контекст) => EligiblityScreenProvider(),
ребенок: Строитель (строитель: (контекст) {
возврат Леска(
панель приложения: панель приложения (
title: const Text("Пример поставщика"),
),
тело: Контейнер(
заполнение: const EdgeInsets.all(16),
дочерний элемент: Форма (дочерний элемент: Consumer‹EligiblityScreenProvider›(
строитель: (контекст, поставщик, дочерний элемент) {
Столбец возврат(
mainAxisAlignment: MainAxisAlignment.center,
дети: ‹Виджет›[
постоянный текст(
"Введите свой возраст",
стиль: TextStyle (размер шрифта: 20),
),
константа SizeBox(
рост: 16,
),
ТекстФормаПоле(
контроллер: ageController,
украшение: const InputDecoration(
hintText: «Укажи свой возраст»,
),
),
константа SizeBox(
рост: 16,
),
Контейнер(
ширина: двойная бесконечность,
ребенок: ElevatedButton(
стиль: ElevatedButton.styleFrom(
основной: (provider.isEligible == null)
? Colors.orangeAccent
: provider.isEligible
? Цвета.зеленый
: Цвета.redAccent),
дочерний: const Text("Проверить"),
onPressed: () {
конечный возраст =
int.parse(ageController.text.trim());
provider.checkEligibility (возраст);
},
),
),
константа SizeBox(
рост: 16,
),
Текст (provider.eligiblityMessage)
],
);
},
)),
),
);
}));
}
}
Выход:
Этот код помогает управлять состоянием приложения, но управление состоянием приложения требует одновременного управления с нескольких сторон. Следовательно, ему постоянно требуется широкий спектр команд обратного вызова, поскольку он быстро устаревает.
Заключение:
Это всестороннее обсуждение управления состоянием приложения с некоторыми практическими советами. Помимо советов, упомянутых ранее, Flutter Framework пробовал другие методы, такие как изменение в уведомлении и поставщике уведомлений. Потребительский виджет также является полезным методом управления состоянием приложения в приложении Flutter. Я надеюсь, что эта статья предоставит подробную информацию о состоянии приложения и его упрощенном управлении в приложении Flutter.
Часто задаваемые вопросы (FAQ)
1. Каково эфемерное состояние разработки приложений Flutter?
Эфемерное состояние, известное как пользовательский интерфейс или локальное состояние, — это состояние, которое содержится в одном виджете.
2. Определите общее состояние
Общее состояние иногда называют состоянием приложения, и оно используется, если вы хотите совместно использовать многие части своего приложения и сохранять их между сеансами пользователя.
3. Укажите ChangeNotifierProvider во Flutter
ChangeNotifierProvider будет работать как класс-оболочка поставщика, который будет разрабатывать ChangeNotifier, и он автоматически удаляется при удалении из дерева виджетов.
