Flutter跨平台技术

Flutter基础篇04--顶部滚动菜单栏实现

2019-07-25  本文已影响18人  wg刚

代码demo

实现效果如下: 页面切换的同时,保持页面的状态。

涉及知识点:

1、with:混入,解决多继承问题。
2、TabBar
return Scaffold(
  appBar: AppBar(
    title: Text('页面切换,数据不变'),
    bottom: TabBar(
      controller: _tabController,
      tabs: <Widget>[
        Tab(text: '电话',),
        Tab(text: '分享',),
        Tab(text: '聊天',),
      ],
    ),
  ),
  body: TabBarView(
    controller: _tabController,
    children: <Widget>[
      HomePage(),
      HomePage(),
      HomePage(),
    ],
  ),
);
上一篇下一篇

猜你喜欢

热点阅读