导航栏-2

 

 

import 'package:flutter/material.dart';

class AppBarDemoPage extends StatelessWidget {

  const AppBarDemoPage({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return DefaultTabController(

      length: 2,

      child: Scaffold(

        appBar: AppBar(

          title: Text("AppBarDemoPage"),

          // backgroundColor: Colors.red,  // 背景颜色

          centerTitle: true, // 文字居中

          actions: [

            IconButton(

              icon: Icon(Icons.search),

              onPressed: () {

                print('search');

              },

            ),

            IconButton(

              icon: Icon(Icons.settings),

              onPressed: () {

                print('settings');

              },

            ),

          ],

          bottom: TabBar(

            tabs: [

              Tab(text: "热门"),

              Tab(text: "推荐"),

            ],

          ),

        ),

        body: TabBarView(

          children: [

            ListView(

              children: [

                ListTile(

                  title: Text("第一个tab"),

                ),

                ListTile(

                  title: Text("第一个tab"),

                ),

                ListTile(

                  title: Text("第一个tab"),

                ),

              ],

            ),

            ListView(

              children: [

                ListTile(

                  title: Text("第二个tab"),

                ),

                ListTile(

                  title: Text("第二个tab"),

                ),

                ListTile(

                  title: Text("第二个tab"),

                ),

              ],

            ),

          ],

        ),

      ),

    );

  }

}