React native paper - BottomNavigation

domJ 0
Viewed 13

Does anyone know how can i change that purple color which i marked?

I used react-native-paper latest version.

Thanks!

enter image description here

react-native-paper react-native
1 Answers

Have you tried adding a theme to your paper. See below example.

const theme = {
  ...DefaultTheme,
  roundness: 2,
  version: 3,
  colors: {
    ...DefaultTheme.colors,
    primary: '#3498db',
    secondary: '#f1c40f',
    tertiary: '#a1b2c3'
  },
};

 <PaperProvider theme={theme}>
      <App />
    </PaperProvider>

Please take note this is not my code but from docs. See docs involved from this link: https://callstack.github.io/react-native-paper/theming.html

Glen Bowler0
Related