Провайдер 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