flutter - Flutter - 如何更改活动的 BottomNavBar 项目的背景颜色?
问题描述
我已经搜索了很长时间,但遗憾的是找不到相关的答案。如何更改活动路线项目的背景颜色?查看图片或 iPhone 上当前的 Audible 或 Clock 应用程序。我正在使用 CupertinoTabBar,但找不到任何解决此问题的方法。我只想在我的活动项目后面有一个圆形正方形。
遵循我当前的导航栏代码
CupertinoTabScaffold(
tabBar: CupertinoTabBar(
iconSize: 30,
activeColor: SymeColorPurple,
backgroundColor: Colors.white,
inactiveColor: Colors.black12,
items: [
BottomNavigationBarItem(
icon: Padding(
padding: const EdgeInsets.only(top: 6.0),
child: Icon(
Icons.settings
),
),
title: Text(
"Inventory",
style: const TextStyle(fontWeight: FontWeight.w600),
),
),
BottomNavigationBarItem(
icon: Padding(
child: Icon(Icons.home),
padding: const EdgeInsets.only(top: 6.0),
),
title: Text(
"Home",
style: const TextStyle(fontWeight: FontWeight.w600),
),
),
BottomNavigationBarItem(
icon: Padding(
child: Icon(
Icons.camera_alt
),
padding: const EdgeInsets.only(top: 6.0),
),
title: Text(
"Camera",
style: const TextStyle(fontWeight: FontWeight.w600),
),
),
],
),
tabBuilder: (context, index) {
switch (index) {
case 0:
return InventoryPage();
break;
case 1:
return HomeView();
break;
case 2:
return CameraPage();
break;
default:
return HomeView();
break;
}
}),
解决方案
推荐阅读
- java - 如何解决错误“java.lang.ClassCastException:Cookie.FirstServlet 无法转换为 jakarta.servlet.Servlet”
- youtube-api - 如何在没有 oAuth 同意屏幕的情况下使用 YT 数据 API v3 将视频上传到我的 youtube 帐户
- javascript - 为什么类 JSON 属性在 jsx 中没有增加?
- python - 如何合并列表的子字典
- javascript - Swiper.js 中的活动幻灯片 - React
- google-apps-script - Google 表格中的类型令牌比:如何操作长文本字符串(数百万个字符)
- php - 如何在数据库中的 PHP 中使用内联 CSS
- postgresql - 如何在通过 Glue ETL 作业写入 RDS (Postgre) 表时过滤不良记录
- ios - SwiftUI 滑块值不尊重范围
- brownie - 更改依赖项的 eth-brownie 目标文件夹