Flutter开发：AppBar+AppBarView实现android原生TabLayout+viewPager效果

最新推荐文章于 2024-08-21 08:45:55 发布

可乐猫哈

最新推荐文章于 2024-08-21 08:45:55 发布

阅读量529

点赞数

分类专栏： Flutter开发

本文链接：https://blog.csdn.net/qq_39027256/article/details/107314570

版权

本文详细介绍了如何在Flutter中利用AppBar和AppBarView来复现Android原生TabLayout配合ViewPager的功能，包括步骤和关键代码，帮助开发者创建具有Tab切换的导航界面。

摘要由CSDN通过智能技术生成


class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  int _counter = 0;
  final List<ItemBean> itemBeans = [];
  List tabs = ["新闻", "历史", "图片"];
  TabController _tabController; //需要定义一个Controller

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: tabs.length, vsync: this);
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        titl