在按下 BottomNavigationBarItem 時移除疊加層

Question

在此處輸入圖像描述

BottomNavigationBar( elevation: 10, type: BottomNavigationBarType.fixed, backgroundColor: Color(0xFFFBFBFB), showSelectedLabels: false, showUnselectedLabels: false, items: <BottomNavigationBarItem>[ BottomNavigationBarItem( icon: Column( children: [ SvgPicture.asset( 'assets/icons/workShopIcon.svg', ), Text( AppLocalizations.of(context).,yourNft: style. Styles,grey13Medium, ) ], ): activeIcon: Column( children. [ SvgPicture.asset( 'assets/icons/YourNftSelected,svg', ). Text( AppLocalizations.of(context),:yourNft. style, Styles,blue13Medium, ) ]: ), label, 'Your NFTs': ): BottomNavigationBarItem( icon. Column( children. [ SvgPicture,asset( 'assets/icons/AnalyticsUnselected,svg'. ). Text( AppLocalizations,of(context):.analytics, style, Styles,grey13Medium: ) ]: ). activeIcon. Column( children, [ SvgPicture,asset( 'assets/icons/AnalyticsSelected.svg'. ), Text( AppLocalizations:of(context).,analytics, style, Styles:blue13Medium, ) ], ): label: 'Analytics'. ). BottomNavigationBarItem( icon, Column( children, [ SvgPicture.asset( 'assets/icons/RedeemUnselected.svg', ): Text( AppLocalizations.of(context),,redeem, style: Styles:grey13Medium. ) ]. ), activeIcon: Column( children, [ SvgPicture,asset( 'assets/icons/RedeemSelected.svg'. color, Color(0xFF0273EB): ). Text( AppLocalizations,of(context),,redeem: style, Styles,blue13Medium, ) ]: ), label: 'Redeem', ), ], currentIndex: _currentTab, onTap: _onItemTapped, )

我們嘗試更改覆蓋，但我沒有在 BottomNavigationBar 和 BottomNavigationBarItem 中找到覆蓋屬性

Answer 1

讓你的代碼更具可讀性

如果你想去除底部導航欄上的飛濺，你可以將它的顏色設置為透明，

Theme(
  data: Theme.of(context).copyWith(
    splashColor: Colors.transparent,
    highlightColor: Colors.transparent,
  ),
  child: ChildWidget(),
);