MTMusic/lib/view/main_tab_view/main_tab_view.dart

import 'package:flutter/material.dart';
import 'package:music_player_miao/view/rank_view.dart';
import 'package:music_player_miao/view/user/user_view.dart';

import '../home_view.dart';
import '../release_view.dart';

class MainTabView extends StatefulWidget {
  const MainTabView({super.key});
  @override
  State<MainTabView> createState() => _MainTabViewState();
}

class _MainTabViewState extends State<MainTabView> with SingleTickerProviderStateMixin {
  TabController? controller;
  int selectTab = 0;
  final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();

  @override
  void initState() {
    super.initState();
    controller = TabController(length: 4, vsync: this);

    controller?.addListener(() {
      selectTab = controller?.index ?? 0;
      setState(() {});
    });
  }

  @override
  void dispose() {
    super.dispose();
    controller?.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      key: scaffoldKey,
      body: TabBarView(
        controller: controller,
        children: const [
          HomeView(),
          RankView(),
          ReleaseView(),
          UserView()
        ],
      ),
      bottomNavigationBar: Container(
        color: Colors.white,
        child: TabBar(
          controller: controller,
          indicatorColor: Colors.transparent,
          labelColor: Colors.black,
          labelStyle: const TextStyle(fontSize: 12), // 减小文字大小
          unselectedLabelColor: const Color(0xffCDCDCD),
          unselectedLabelStyle: const TextStyle(fontSize: 12), // 减小文字大小
          tabs: [
            Tab(
              height: 60, // 明确指定高度
              icon: Image.asset(
                selectTab == 0 ? "assets/img/home_tab.png" : "assets/img/home_tab_un.png",
                width: 32, // 减小图标大小
                height: 32,
              ),
              text: "首页",
            ),
            Tab(
              height: 60,
              icon: Image.asset(
                selectTab == 1 ? "assets/img/list_tab.png" : "assets/img/list_tab_un.png",
                width: 32,
                height: 32,
              ),
              text: "排行榜",
            ),
            Tab(
              height: 60,
              icon: Image.asset(
                selectTab == 2 ? "assets/img/music_tab.png" : "assets/img/music_tab_un.png",
                width: 32,
                height: 32,
              ),
              text: "发布",
            ),
            Tab(
              height: 60,
              icon: Image.asset(
                selectTab == 3 ? "assets/img/user_tab.png" : "assets/img/user_tab_un.png",
                width: 32,
                height: 32,
              ),
              text: "我的",
            ),
          ],
        ),
      ),
    );
  }
}