美文网首页Flutter跨平台技术
Flutter基础篇04--顶部滚动菜单栏实现

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

作者: wg刚 | 来源:发表于2019-07-25 20:20 被阅读18次

    代码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(),
        ],
      ),
    );
    

    相关文章

      网友评论

        本文标题:Flutter基础篇04--顶部滚动菜单栏实现

        本文链接:https://www.haomeiwen.com/subject/egukrctx.html