Umožňuje uživatelům zadat konkrétní název produktu a definovat limity cenového rozpětí a následně získat relevantní výsledky vyhledávání Google obsahující informace o cenách a související odkazy.
Klíčové vlastnosti:
Uživatelský vstup:
Název produktu (klíčové slovo): Uživatelé mohou zadat název produktu, pro který chtějí porovnat ceny. Prvek TextInput je nakonfigurován k zachycení a uložení tohoto vstupu ve stavu klíčového slova.
Limity cenového rozsahu (fromValue a toValue): Komponenta obsahuje dva další prvky TextInput pro nastavení minimálních a maximálních cenových limitů. Uživatelé mohou určit rozsah, ve kterém chtějí porovnávat ceny.
Spouštěč vyhledávání:
"JÍT!" Tlačítko: Responzivní tlačítko (TouchableOpacity) označené "GO!" po stisknutí spustí vyhledávání. Vyhledávání se aktivuje pouze při splnění specifických podmínek, jako je požadavek na minimální délku názvu produktu a aktivní stav tlačítka.
Zobrazení výsledků vyhledávání:
FlatList pro produkty (FlatList): Komponenta využívá FlatList k zobrazení výsledků vyhledávání, včetně informací o cenách a relevantních odkazů. Zobrazený seznam je dynamický a aktualizuje se na základě kritérií vyhledávání uživatele.
Custom Item Renderer (SearchItem): Každá položka v seznamu výsledků vyhledávání je vykreslena pomocí vlastní komponenty (SearchItem). Tato komponenta je zodpovědná za prezentaci jednotlivých položek produktu s podrobnostmi, jako je cena a odkaz.
Vypořádání se s chybou:
Zpráva o produktu nenalezena: V případech, kdy hledání nepřinese žádné výsledky, zobrazí se vlastní zpráva pomocí stylizované komponenty (HeaderTextExample). Uživatelé jsou informováni, že produkt nebyl nalezen.
Styl a uživatelské rozhraní:
Komponenta obsahuje stylingové prvky pro vylepšení uživatelského rozhraní a poskytuje esteticky příjemný a uživatelsky příjemný zážitek.
Datum aktualizace
28. 1. 2024