Работа с 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/