需求描述
當我們不想用tabbar組件實現標題欄時,還有什麼其他選擇麼?
需求分析
答案是list組件,通過list組件設置樣式flex-direction: row;可以滿足橫向展示標題的效果,同時,增加點擊標題時的樣式切換可以滿足動態展示的效果。
假設定義一個數組,用來表示標題內容,該數組的元素需要同時包含標題的名字和點擊的顏色,當我們點擊對應標題時,可以將點擊的標題顏色設置爲紅色,其他未被點擊的標題設置爲黑色。
效果如下(點擊“經濟”和“音樂”標題):
重點代碼如下:
解決方案
欲瞭解更多詳情,請參見:
藍牙接口介紹: