flutter关于 内部设定滚动标题
也可以在页面当中作为整体页面引用
可以滚动
效果图
// 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,
),
]
),
),
]
)
}
}
效果图
动态图还未掌握如果有会的可以指导一下,那种类似视频动态图片。