为什么我的 tabBar 上出现意外的灰线？

Question

我尝试为 flutter 应用程序上的导航做一个简单的标签栏。我想要到处都有相同的背景。但我在选项卡栏和页面之间看到一条灰线。我不知道如何让它消失。也许这很简单，很抱歉我是颤振的初学者。这是我的代码：

class Homelogin extends StatefulWidget {
  const Homelogin({Key? key}) : super(key: key);

  @override
  HomeloginState createState() => HomeloginState();
}

class HomeloginState extends State<Homelogin>
    with SingleTickerProviderStateMixin {
  late TabController _tabController;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 2, vsync: this);
  }

  @override
  Widget build(BuildContext context) {
    // Définir la couleur de la barre de statut
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.grey[900], 
      statusBarIconBrightness: Brightness
          .light, 
    ));
    return Scaffold(
      body: Column(
        children: [
          SafeArea(
            child: Container(
              color: Colors.grey[900],
              child: Padding(
                padding: const EdgeInsets.only(top: 10.0),
                child: TabBar(
                  splashBorderRadius: null,
                  controller: _tabController,
                  indicatorColor: Colors.deepPurple,
                  indicatorWeight: 5,
                  tabs: [
                    Tab(text: 'Log in'),
                    Tab(text: 'Sign up'),
                  ],
                ),
              ),
            ),
          ),
          Expanded(
            child: TabBarView(
              controller: _tabController,
              children: [
                Loginpage(),
                Newaccountpage(),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

这是结果

我尝试了很多事情，比如我为 tabBar 创建了一个新项目并按照 youtube 上的教程进行操作，但我没有得到相同的结果，我每次都有一条灰线。 我尝试放入一个盒子装饰，以便我可以选择边框，...不起作用，我有带有所选颜色和灰线的边框。我尝试了这些解决方案Flutter Tabbarview下划线颜色也不起作用。我想也许灰线不属于标签栏。

Answer 1

这是分隔线。您可以将颜色设置为透明。

TabBar(
  dividerColor: Colors.transparent,
  // ...
)