하단 탭 바를 Figma Bottom Navigation 스타일로

This commit is contained in:
Sn-Kinos
2026-09-02 19:31:41 +09:00
parent 9358fd42f9
commit 45454092f7
2 changed files with 23 additions and 11 deletions
+19 -7
View File
@@ -50,18 +50,30 @@ ThemeData buildAppTheme() {
surfaceTintColor: Colors.transparent,
centerTitle: true,
),
// 시안 Bottom Navigation(350:215853) — 바탕 #141414, 알약 표시자 없음, 아이콘 24,
// 라벨 ABeeZee 10. 활성은 흰색, 비활성은 #777777.
navigationBarTheme: NavigationBarThemeData(
backgroundColor: AppColors.cosmicSurface,
backgroundColor: AppColors.cosmicVoid,
surfaceTintColor: Colors.transparent,
indicatorColor: AppColors.cosmicSurfaceRaised,
indicatorColor: Colors.transparent,
// 탭 항목 높이는 touch-min-app(48) 아래로 내리지 않는다.
height: AppSizing.touchMinApp + AppSpace.s5,
iconTheme: WidgetStateProperty.resolveWith(
(states) => IconThemeData(
size: 24,
color: states.contains(WidgetState.selected)
? AppColors.onCosmic
: AppColors.onCosmicMuted,
),
),
labelTextStyle: WidgetStateProperty.resolveWith(
(states) => _style(
AppType.caption,
states.contains(WidgetState.selected)
? AppColors.cosmicAccent
: AppColors.onCosmicVariant,
(states) => TextStyle(
fontFamily: AppFonts.display,
fontSize: 10,
letterSpacing: 0.2,
color: states.contains(WidgetState.selected)
? AppColors.onCosmic
: AppColors.onCosmicMuted,
),
),
),