在 TabBar Flutter 中删除所选栏下的淡入淡出

编程问答 2022-05-25

问题描述

我想在选择 Tabbar 时删除淡入淡出我不知道如何删除它。我不知道这在我使用 FontStyle Bold 时出乎意料，所以我想知道为什么当我在 TabBar 上使用 Bold 时。我找到的方法知道我知道的信息只有softWarp但我没有使用，但是当我将字体更改为另一种权重时，字体下的淡化消失了

class Homepage extends StatefulWidget {
  final Widget child;
  Homepage({Key key,this.child}) : super(key: key);
  _HomepageState createState() => _HomepageState();
}

Color PrimaryColor = Color(0xff109618);

class _HomepageState extends State<Homepage> {
  final List<Tab> _myTabs = <Tab>[
    Tab(
      text: 'Feed',),Tab(
      text: 'Offer',Tab(
      text: 'Traded',)
  ];
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      debugShowCheckedModeBanner: false,home: new Scaffold(
          body: DefaultTabController(
        length: _myTabs.length,initialIndex: 1,child: SafeArea(
            child: Scaffold(
          appBar: new AppBar(
            backgroundColor: Colors.white,leading: Icon(
              Icons.menu,color: Colors.grey,actions: <Widget>[
              Icon(
                Icons.verified_user_rounded,)
            ],bottom: new TabBar(
              tabs: _myTabs,isScrollable: true,indicatorColor: Colors.purple,indicatorWeight: 5,indicatorPadding: EdgeInsets.all(-1.0),indicatorSize: TabBarIndicatorSize.label,labelColor: Colors.purple,unselectedLabelColor: Colors.grey,labelStyle: TextStyle(
                  color: Colors.purple,fontSize: 36.0,fontFamily: 'SukumvitSetSemiBold'),//For Selected tab
              unselectedLabelStyle: TextStyle(
                  color: Colors.grey,fontFamily: 'SukhumvitSetMedium'),elevation: 0.0,body: new TabBarView(
            children: _myTabs.map((Tab tab) {
              return Center(
                child: new Column(
                  mainAxisSize: MainAxisSize.min,children: <Widget>[Icon(Icons.tab),Text(tab.text)],);
            }).toList(),bottomNavigationBar: navigationbar(
            context,)),);
  }


Pubspec
 name: alpha
description: A new Flutter project.
version: 1.0.0+1
environment:
  sdk: ">=2.7.0 <3.0.0"
dependencies:
  Flutter:
    sdk: Flutter
  bloc: ^6.1.1
  cupertino_icons: ^1.0.0
  equatable: ^1.2.6
  Flutter_bloc: ^6.1.1
  google_nav_bar: ^3.2.0
  line_icons: ^0.2.0
  font_awesome_Flutter: ^8.2.0
  carousel_slider: ^1.3.0

dev_dependencies:
  Flutter_test:
    sdk: Flutter
Flutter:
  uses-material-design: true
  assets:
    - lib/assets/images/sweater.png

Result

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

dartfadefadeindicatortabbartabbar