Add support for defining fonts in the theme

[ergenekonyigit]

Description

This pr adds support for defining fonts in the theme. After this implementation, we can add custom fonts and use them in the theme.

// Config Object
const theme = createTheme({
  // ...
  fonts: {
    light: 'System',
    regular: 'System',
    medium: 'System',
    semiBold: 'System',
    bold: 'System',
  },
  textVariants: {
    defaults: {
      fontSize: 14,
      fontWeight: '400',
      fontFamily: 'regular',
      lineHeight: 16,
      color: 'contentPrimary',
    },
    subtitle01Regular: {
      fontSize: 20,
      fontWeight: '400',
      fontFamily: 'regular',
      lineHeight: 24,
    },
    subtitle01Medium: {
      fontSize: 20,
      fontWeight: '500',
      fontFamily: 'medium',
      lineHeight: 24,
    },
    subtitle01Semibold: {
      fontSize: 20,
      fontWeight: '600',
      fontFamily: 'semiBold',
      lineHeight: 24,
    },
    subtitle01Bold: {
      fontSize: 20,
      fontWeight: '700',
      fontFamily: 'bold',
      lineHeight: 24,
    },
  },
});

// Variable Font
import React from "react";
import { StatusBar } from "expo-status-bar";
import { ThemeProvider, theme } from "./src";
import Navigator from "./src/Navigator";

theme.fonts = {
  light: "Rubik",
  regular: "Rubik",
  medium: "Rubik",
  semiBold: "Rubik",
  bold: "Rubik",
};

export default function App() {
  return (
    <ThemeProvider theme={theme}>
      <StatusBar style="auto" />
      <Navigator />
    </ThemeProvider>
  );
}

// Static Font
import React from "react";
import { StatusBar } from "expo-status-bar";
import { ThemeProvider, theme } from "./src";
import Navigator from "./src/Navigator";

theme.fonts = {
  light: "Rubik-Light",
  regular: "Rubik-Regular",
  medium: "Rubik-Medium",
  semiBold: "Rubik-SemiBold",
  bold: "Rubik-Bold",
};

export default function App() {
  return (
    <ThemeProvider theme={theme}>
      <StatusBar style="auto" />
      <Navigator />
    </ThemeProvider>
  );
}

Screenshots or videos (if needed)

Checklist

• I have added a changelog entry following the Keep a Changelog guidelines.

[AnisDerbel]

can this PR be merged ASAP ? Thanks

[ergenekonyigit]

I've updated the conflicts.

[ikedm]

@ergenekonyigit any updates on this?

[ergenekonyigit]

@dalmendray I'm waiting for a review or merge.

[TarikOez]

@ergenekonyigit So I guess they didnt merged it?

[ergenekonyigit]

@TarikOez unfortunately. Looks like this project is not maintained anymore.
cc @sebastianekstrom