Провайдер Flutter вместе с Http-запросом
YouTube и Medium наводнены учебными пособиями для пакета Provider и пакета Http API, но их не так много для использования Provider вместе с http.
Хорошо, позвольте мне помочь вам с этим ...
Провайдер: https://pub.dev/packages/provider
http: https://pub.dev/packages/http
Получите знания о Provider и Http с помощью чрезвычайно полезной документации pub для лучшего понимания того, как работают эти пакеты.
НАЧАТЬ
Создайте новый проект Flutter и назовите его как хотите
и перейдите в pubspec.yaml, добавьте поставщика пакетов и http.
provider: ^4.3.2+3 http: ^0.12.2
Давайте посмотрим на файл main.dart
Здесь только ChangeNotifierProvider инициализирован для его доступности во всем приложении.
Для этого проекта я использовал JsonPlaceholder API: https://jsonplaceholder.typicode.com/photos
Для использования Provider или http необходимо создать модель флаттера для конкретных данных API,
Если вы думаете, что создание модели для каждого используемого вами API займет много времени, тогда https://app.quicktype.io/ поможет вам преобразовать формат JSON в dart.
Теперь давайте создадим класс Provider:
Теперь homeScreen.dart, где мы будем представлять данные вызовов API в виде списка, используя Consumer и Provider.of ‹ProviderClass› (context, listen: false) для вызовов API.
Потребительский класс: https://pub.dev/documentation/provider/latest/provider/Consumer-class.html
Теперь, если вы помните, мы создали фиктивную переменную, чтобы проверить, правильно ли работает класс провайдера или нет, есть кнопка навигации с перенаправлениями на другую страницу, где счетчик может быть увеличен с помощью onPressed: Provider.of ‹ProviderClass› (context, listen : false) .count + = 1;
Надеюсь, это помогло вам…
Репозиторий Github: https://github.com/ArpitSharma2800/Flutter-Provider-With-http-package