Price Comparator для ПК

Позволяет пользователям вводить определенное название продукта и определять пределы ценового диапазона, а затем получать соответствующие результаты поиска Google, содержащие информацию о ценах и соответствующие ссылки.

Ключевая особенность:

Пользовательский ввод:

Название продукта (ключевое слово): пользователи могут ввести название продукта, на который они хотят сравнить цены. Элемент TextInput настроен на захват и сохранение этого ввода в состоянии ключевого слова.

Ограничения ценового диапазона (fromValue и toValue). Компонент включает в себя два дополнительных элемента TextInput для установки минимального и максимального ценовых пределов. Пользователи могут указать диапазон, в котором они хотят сравнивать цены.

Триггер поиска:

"ИДТИ!" Кнопка: реагирующая кнопка (TouchableOpacity) с надписью «GO!» запускает операцию поиска при нажатии. Поиск активируется только при выполнении определенных условий, таких как минимальная длина названия продукта и активный статус кнопки.
Отображение результатов поиска:

FlatList для продуктов (FlatList): компонент использует FlatList для отображения результатов поиска, включая информацию о ценах и соответствующие ссылки. Отображаемый список является динамическим и обновляется в зависимости от критериев поиска пользователя.

Пользовательский модуль визуализации элементов (SearchItem): каждый элемент в списке результатов поиска отображается с использованием пользовательского компонента (SearchItem). Этот компонент отвечает за представление отдельных записей о продуктах с такими подробностями, как цена и ссылка.

Обработка ошибок:

Сообщение «Продукт не найден». В тех случаях, когда поиск не дает результатов, отображается специальное сообщение с использованием стилизованного компонента (HeaderTextExample). Пользователям сообщается, что товар не найден.
Стиль и пользовательский интерфейс:

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