自定义底部导航栏

constants/theme.ts

@@ -5,7 +5,9 @@
 
 import { Platform } from 'react-native';
 
-const tintColorLight = '#0a7ea4';
+const tintColorLight = '#ffa366';
+const tintColorLightDark = '#e8914d'; // 深一点的版本
+const tintColorLightLight = '#ffb380'; // 浅一点的版本
 const tintColorDark = '#fff';
 
 export const Colors = {
@@ -13,6 +15,8 @@ export const Colors = {
     text: '#11181C',
     background: '#fff',
     tint: tintColorLight,
+    tintDark: tintColorLightDark, // 深一点的版本
+    tintLight: tintColorLightLight, // 浅一点的版本
     icon: '#687076',
     tabIconDefault: '#687076',
     tabIconSelected: tintColorLight,
@@ -21,6 +25,8 @@ export const Colors = {
     text: '#ECEDEE',
     background: '#151718',
     tint: tintColorDark,
+    tintDark: tintColorDark, // dark 模式保持原样
+    tintLight: tintColorDark, // dark 模式保持原样
     icon: '#9BA1A6',
     tabIconDefault: '#9BA1A6',
     tabIconSelected: tintColorDark,