1. 程式人生 > 其它 >短視訊app開發,內部標題進行滾動播放

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

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