短视频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开发,内部标题进行滚动播放实现的相关代码, 更多内容欢迎关注之后的文章

 

posted @ 2022-04-14 14:32  云豹科技-苏凌霄  阅读(92)  评论(0)    收藏  举报