Flutter 在Appbar底部创建自定义TabBar ,可自定义背景颜色

最新推荐文章于 2024-11-05 13:57:19 发布

Zone_T

最新推荐文章于 2024-11-05 13:57:19 发布

阅读量4k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Zone_T/article/details/87876302

本文介绍如何在Flutter应用中于Appbar底部创建一个可自定义背景颜色的TabBar。通过实例代码，详细讲解实现过程，帮助开发者实现个性化TabBar设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import 'package:flutter/material.dart';
import 'package:flutter_cmlive/utils/config.dart';
import '../chatpages/like.dart';
import '../chatpages/recommend.dart';
import'../chatpages/one.dart';
import'../chatpages/two.dart';
import'../chatpages/three.dart';
import'../chatpages/four.dart';
import'../chatpages/five.dart';
class ChatPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => ChatPageState();
}

class ChatPageState extends State<ChatPage> with AutomaticKeepAliveClientMixin {
  @override
  bool get wantKeepAlive => true;

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      debugShowCheckedModeBanner: false,
      home: new DefaultTabController(
        length: stars.length,
        child: new Scaffold(
          appBar: new PreferredSize(
//            设置高度
              child: new AppBar(
                backgroundColor: Colors.transparent,
                elevation: 0,