NIUCLOUD是一款SaaS管理后台框架多应用插件+云编译。上千名开发者、服务商正在积极拥抱开发者生态。欢迎开发者们免费入驻。一起助力发展! 广告
![](https://img.kancloud.cn/11/71/1171b11e65346ca352b6d19567a11353_2490x1770.png) 去掉导航 ![](https://img.kancloud.cn/08/5a/085a5a1ef5d9d4335fbf3eb604af0601_972x1876.png) ***** 常见属性 ![](https://img.kancloud.cn/28/41/284178e9dd6888212e833f8d62eb0b99_2852x1674.png) 如果菜单很多 是不会滚动的, 使用 可以左右滑动 ![](https://img.kancloud.cn/7b/15/7b155b9ee7ac2230cfb0a7e30d3e95ca_1116x154.png) ***** ***** 使用另一种方式 做横向滚动, 优点: 官方推荐,可以监控当前所在位置,便于后续做上拉,下拉 ![](https://img.kancloud.cn/9f/c4/9fc4ae0bd680f551628c73b1944dd200_2652x1838.png) ~~~ import 'package:flutter/material.dart'; class NavController extends StatefulWidget{ _NavControllerState createState() => _NavControllerState(); } class _NavControllerState extends State<NavController> with SingleTickerProviderStateMixin{ TabController _tabController; @override void initState() { // TODO: implement initState super.initState(); _tabController = new TabController( length: 2, vsync: this ); _tabController.addListener((){ print(_tabController.index); }); } @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( appBar: AppBar( title: Text("AppBar"), bottom: TabBar( controller: this._tabController, tabs: <Widget>[ Tab(text: "热门"), Tab(text: "推荐"), ] ), ), body: TabBarView( controller: this._tabController, children: <Widget>[ Center(child: Text("热门")), Center(child: Text("推荐")) ] ) ); } } ~~~