index.js

/**
 * @format
 */

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
import { PaperProvider, DefaultTheme } from 'react-native-paper'
import { fonts } from './src/styles/Fonts';
import { colors } from './src/styles/Colors';
import SystemNavigationBar from 'react-native-system-navigation-bar';

const theme = {
    ...DefaultTheme,
    fonts: {
        ...DefaultTheme.fonts,
        regular: { fontFamily: fonts.PoppinsRegular, fontWeight: 'normal' },
        medium: { fontFamily: fonts.PoppinsMedium, fontWeight: 'normal' },
        light: { fontFamily: fonts.PoppinsLight, fontWeight: '300' },
        thin: { fontFamily: fonts.PoppinsExtraLight, fontWeight: '100' },
    },
};

export const Main = () => {

    SystemNavigationBar.navigationHide()
    SystemNavigationBar.setNavigationColor(colors.secondary, 'light','both')

    return (
        <PaperProvider theme={theme}>
            <App />
        </PaperProvider>
    )
}

AppRegistry.registerComponent(appName, () => Main);