短視訊app開發,內部標題進行滾動播放
阿新 • • 發佈:2022-04-14
短視訊app開發,內部標題進行滾動播放實現的相關程式碼
// An highlighted block
///需要繼承 SingleTickerProviderStateMixin 才可以設定 處理器的 vsync: this
class _ActivityDetailState extends State<ActivityDetail> with SingleTickerProviderStateMixin {
TabController _tabController; //需要定義一個Controller
@override
void initState() {
super.initState();
///初始化處理器
_tabController = TabController(length: 2, vsync: this);//length 必須要跟你渲染的標題和內容長度對應,超出或少於會報錯
}
@override
Widget build(BuildContext context) {
return Scaffold(
body:ListView(
children: <Widget>[
new Scaffold(
appBar: TabBar( //生成Tab選單
indicatorColor: Color.fromRGBO(27, 127, 212, 1),
labelColor: Color.fromRGBO(27, 127, 212, 1),
unselectedLabelColor: Colors.black,//預設文字顏色
controller: _tabController,//設定tab切換處理器
tabs: <Widget>[
Tab(text: "對接會"),//第一個頁面的標題
Tab(text: "俱樂部"),,//第二個頁面的標題
],
),
body:TabBarView(
physics: new NeverScrollableScrollPhysics(),
controller: _tabController,
children: [
ListView(//第一個頁面
shrinkWrap: true, //可以支援在listView中巢狀ListView 設定後可巢狀相容無限大小
),
ListView(//第二個頁面
shrinkWrap: true,
),
]
),
),
]
)
}
}
以上就是短視訊app開發,內部標題進行滾動播放實現的相關程式碼, 更多內容歡迎關注之後的文章