Price Comparator電腦版

允許使用者輸入特定的產品名稱並定義價格範圍限制，隨後檢索包含定價資訊和關聯連結的相關 Google 搜尋結果。

主要特徵：

使用者輸入：

產品名稱（關鍵字）：使用者可以輸入他們想要比較價格的產品名稱。 TextInput 元素配置為捕獲此輸入並將其儲存在關鍵字狀態中。

價格範圍限制（fromValue 和 toValue）：此元件包括兩個附加的 TextInput 元素，用於設定最小和最大價格限制。使用者可以指定他們想要比較價格的範圍。

搜尋觸發器：

“去！”按鈕：標示「GO！」的響應式按鈕 (TouchableOpacity)按下時觸發搜尋操作。僅當滿足特定條件時才會啟動搜索，例如產品名稱的最小長度要求和按鈕的活動狀態。
搜尋結果顯示：

產品的 FlatList (FlatList)：此元件利用 FlatList 顯示搜尋結果，包括定價資訊和相關連結。顯示的清單是動態的，並根據使用者的搜尋條件進行更新。

自訂項目渲染器 (SearchItem)：搜尋結果清單中的每個項目都使用自訂元件 (SearchItem) 進行渲染。此組件負責顯示單一產品條目以及價格和連結等詳細資訊。

錯誤處理：

未找到產品訊息：如果搜尋未產生結果，則會使用樣式元件 (HeaderTextExample) 顯示自訂訊息。用戶被告知未找到該產品。
樣式和使用者介面：

該組件結合了樣式元素來增強用戶介面，提供美觀且用戶友好的體驗。