在使用tabBar做分頁處理時,總會出現(xiàn)頁面appbar重疊的情況勉失,如下圖:
中間存在空白區(qū)域稍走,看起來并不是特別好看,需要對頁面布局進(jìn)行調(diào)整蜈七。因此需要嘗試在AppBar里面將tabBar設(shè)置到title屬性上秒拔,這樣就可以消除上述問題。
部分代碼:
return DefaultTabController(
length: 3,
child: Scaffold(
appBar: AppBar(
title: Row(
children: [
Expanded(
child: TabBar(
tabs: [
Tab(text: "熱門",),
Tab(text: "推薦",),
Tab(text: "短視頻",),
],
),
),
],
),
),
這樣展示出來的效果就是這樣:
其實設(shè)置還是比較簡單飒硅,每天積累點新知識的經(jīng)驗砂缩,堅持不懈的學(xué)習(xí)下去還是對自己有幫助的。
加油三娩!