展示多功能分頁切換組件
TabsBar 負責導航,TabsContent 負責內容顯示(函數式 children)
當 Tabs 過多時,會自動顯示左右導航按鈕。設定 isNavigationAbsolute=true 讓按鈕懸浮,不佔用空間!
當前選中: Tab 1
Tabs 平均分配寬度,適合固定數量的選項
當前選中: 首頁
可自訂指示器顏色和選中文字顏色
設定 hasNavigation=false 可隱藏導航按鈕
設定 vertical=true 可切換為垂直布局,配合 isNavigationAbsolute 讓導航按鈕懸浮
默認模式下,導航按鈕在文檔流中,會保留空白空間
垂直布局 + 相對定位,導航按鈕保留空間
Full Width 模式配合導航按鈕(需要較多 tabs)
支持 onScroll 和 onScrollEnd 事件回調
邊緣漸變陰影提示可滾動區域(默認開啟)
禁用滾輪和拖動滾動
Material Design 點擊波紋(默認淡灰色,可自訂顏色)
鼠標懸停時顯示臨時指示器預覽
自訂 gap、justifyContent、alignItems
使用 tab.content 屬性提供靜態內容
所有功能一起使用:導航、陰影、波紋、懸停、自訂樣式
下拉刷新 + 無限滾動(模擬 API 調用)
每個 Tab 獨立的 ScrollFetch 設定 + iOS 風格
自訂 loading 指示器 + Tab 頂部內容
🔄 自訂載入指示器...