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

Если у вас возникли трудности, ознакомьтесь с исходным кодом проекта на github .
Для простоты я не буду использовать какое-либо управление состоянием, чтобы новички могут следовать.

Ниже приведен пример проекта:

РЕАЛИЗАЦИЯ

Вы можете получить свой ключ API здесь https://api.exchangeratesapi.io/v1/

Ниже представлена ​​структура моих проектов

Ниже приведен мой файл pubspec.yaml. Убедитесь, что вы установили последнюю версию пакетов.

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

Теперь давайте сделаем http-запрос, чтобы получить обменный курс.

Если вам интересно, как я получил CurrencyResponseModel, пожалуйста, ознакомьтесь с документацией API и последней ссылкой github ниже.
Введите значения правильно и запустите код, а затем распечатайте результат, если ответ 200 и посмотреть, что вы получите.

PS: Убедитесь, что у вас есть APIKEY.

Создание экрана валюты для отображения списка валют.

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

На первом изображении я извлекаю данные из API в виде карты строк и динамически и преобразую их в список в пользовательском интерфейсе. Мне потребовалось некоторое время, чтобы понять это, но оно того стоило.

Хорошо, мы почти закончили с нашим приложением.

Запустите окончательный проект, если у вас есть какие-либо вопросы или предложения, пожалуйста, опубликуйте их в разделе комментариев ниже, ваши отзывы очень важны для меня.

Спасибо за чтение, и я надеюсь, что вы узнали что-то, что я сделал.

https://github.com/austinevick
https://www.linkedin.com/in/augustine-victor-800b94172/