android动态添加顶部tabbar,项目常用效果！Flutter仿头条顶部tab切换实现！

概述

今天主要实现一个仿头条顶部

tab切换实现，这种效果在项目中同样经常用到， 接下来我们就从头开始实现。

效果图

老规矩，开局先上效果图。

仿头条顶部tab切换实现

要实现这样的效果，需要使用

TabBar进行实现。我们先讲一下

TabBar的基本属性。

TabBar 和 TabBarView

TabBar是属于

AppBar中的一个组件，通常和

TabBarView结合使用。

TabBar构造方法及常用属性简介

const TabBar({

Key key,    @required this.tabs,    this.controller,    this.indicatorColor,    this.labelColor,    this.unselectedLabelColor,

})

属性名

属性值类型

说明

tabs

Tab类型的控件集合

要显示的所有tab子项

controller

TabController类型

主要用来监听tab的切换

indicatorColor

Color

tab子项指示器的颜色

labelColor

Color