ReactNative搜索頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)
搜索功能是絕大多數(shù)App應(yīng)有的一個(gè)功能白群，以方便快捷的方式在App內(nèi)搜索自己想要查找的內(nèi)容稠氮，這無(wú)疑是在用戶體驗(yàn)上有著很大的提升淮逊。
1蜓萄、（布局）
輸入框輸入檢索內(nèi)容
篩選提示
可清空輸入內(nèi)容按鈕
搜索按鈕
提示列表/檢索結(jié)果列表
熱門(mén)詞匯
搜索歷史列表倒序（當(dāng)有搜索歷史時(shí)）
清除搜索歷史
無(wú)內(nèi)容頁(yè)面
2吟宦、（交互）
當(dāng)輸入框?yàn)榭盏臅r(shí)候弓颈，展示為：搜索框+提示熱詞+搜索歷史列表（如果有）
當(dāng)在輸入框輸入檢索內(nèi)容時(shí)返回提示列表/檢索結(jié)果列表
點(diǎn)擊搜索按鈕或者軟鍵盤(pán)上的搜索按鈕時(shí)刷新搜索（輸入框不為空）
點(diǎn)擊篩選提示出現(xiàn)可供選擇的篩選條件
點(diǎn)擊搜索熱詞帽芽，輸入框填充該熱詞并開(kāi)始搜索
點(diǎn)擊清空搜索內(nèi)容時(shí)，界面回到初始狀態(tài)
點(diǎn)擊某條搜索歷史翔冀，輸入框填充該內(nèi)容并開(kāi)始搜索
點(diǎn)擊清除搜索歷史导街，搜索歷史項(xiàng)置空
3、代碼實(shí)現(xiàn)（由于截圖不方便故代碼寫(xiě)在CSDN上纤子，鏈接如下）
4搬瑰、效果圖
無(wú)搜索記錄圖
有搜索記錄圖
