短視訊app開發,內部標題進行滾動播放

zhibo系統開發發表於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開發,內部標題進行滾動播放實現的相關程式碼, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2887081/,如需轉載,請註明出處,否則將追究法律責任。

相關文章