search

akveo / react-native-ui-kitten

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/react-native-ui-kitten/
MIT License
10.19k stars 952 forks source link

How to change fonts? #1814

Closed itsgratien closed 1 month ago

itsgratien commented 1 month ago

Hello,

I would like to ask how to change fonts? I tried to follow the documentation using mapping but seems fonts aren't changing. any suggestion would be appreciated.

Thanks

Bill-Niz commented 1 month ago

Same here, i'm using expo

danya0365 commented 1 month ago

Config with customMapping param

import { default as appMapping } from "@/constants/app-mapping-eva.json";
import { ApplicationProvider } from "@ui-kitten/components";
import * as eva from "@eva-design/eva";

<ApplicationProvider 
   {...eva}
   theme={eva.dark} 
   customMapping={appMapping as any}>
 <Text>Hello world</Text>
</ApplicationProvider>

for app-mapping-eva.json

{
  "__comment__": "node_modules/@eva-design/eva/mapping.json",
  "strict": {
    "text-font-family": "Sarabun_400Regular"
  }
}

for example project https://github.com/danya0365/expo-react-native-uikitten-with-auth-middleware

itsgratien commented 1 month ago

Config with customMapping param

import { default as appMapping } from "@/constants/app-mapping-eva.json";
import { ApplicationProvider } from "@ui-kitten/components";
import * as eva from "@eva-design/eva";

<ApplicationProvider 
   {...eva}
   theme={eva.dark} 
   customMapping={appMapping as any}>
 <Text>Hello world</Text>
</ApplicationProvider>

for app-mapping-eva.json

{
  "__comment__": "node_modules/@eva-design/eva/mapping.json",
  "strict": {
    "text-font-family": "Sarabun_400Regular"
  }
}

Thank you.