react-native-paper/src/components/BottomNavigation/utils.ts at 073d3d3aa1ac613d764d50525a2f50d205772483 · callstack/react-native-paper · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
import type { InternalTheme, Theme } from '../../types';

export const getActiveTintColor = ({
  activeColor,
  theme,
}: {
  activeColor: string | undefined;
  theme: InternalTheme;
}) => {
  if (typeof activeColor === 'string') {
    return activeColor;
  }

  return (theme as Theme).colors.onSecondaryContainer;
};

export const getInactiveTintColor = ({
  inactiveColor,
  theme,
}: {
  inactiveColor: string | undefined;
  theme: InternalTheme;
}) => {
  if (typeof inactiveColor === 'string') {
    return inactiveColor;
  }

  return (theme as Theme).colors.onSurfaceVariant;
};

export const getLabelColor = ({
  tintColor,
  hasColor,
  focused,
  theme,
}: {
  tintColor: string;
  hasColor: boolean;
  focused: boolean;
  theme: InternalTheme;
}) => {
  const { colors } = theme as Theme;
  if (hasColor) {
    return tintColor;
  }

  if (focused) {
    return colors.onSurface;
  }
  return colors.onSurfaceVariant;
};