import { NativeBaseProvider, extendTheme } from "native-base";
const theme = extendTheme({
fontConfig: {
Roboto: {
100: {
normal: "Roboto-Light",
italic: "Roboto-LightItalic",
},
200: {
normal: "Roboto-Light",
italic: "Roboto-LightItalic",
},
300: {
normal: "Roboto-Light",
italic: "Roboto-LightItalic",
},
400: {
normal: "Roboto-Regular",
italic: "Roboto-Italic",
},
500: {
normal: "Roboto-Medium",
},
600: {
normal: "Roboto-Medium",
italic: "Roboto-MediumItalic",
},
// Add more variants
// 700: {
// normal: 'Roboto-Bold',
// },
// 800: {
// normal: 'Roboto-Bold',
// italic: 'Roboto-BoldItalic',
// },
// 900: {
// normal: 'Roboto-Bold',
// italic: 'Roboto-BoldItalic',
// },
},
},
// Make sure values below matches any of the keys in `fontConfig`
fonts: {
heading: "Roboto",
body: "Roboto",
mono: "Roboto",
},
});
export default function App() {
return (
<NativeBaseProvider theme={theme}>
<App />
</NativeBaseProvider>
);
}