feat: added fonts

App.tsx

@@ -1,7 +1,14 @@
+import { useLoadFonts } from '@hooks/useLoadFonts';
 import MainNavigator from '@navigators/MainNavigator';
 import { StatusBar } from 'expo-status-bar';
 
 export default function App() {
+  const { loaded } = useLoadFonts();
+
+  if (!loaded) {
+    return null;
+  }
+
   return (
     <>
       <StatusBar style="auto" />

babel.config.js

@@ -10,6 +10,7 @@ module.exports = function (api) {
         {
           root: ['./src'],
           alias: {
+            '@hooks': './src/hooks',
             '@theme': './src/theme',
             '@screens': './src/screens',
             '@components': './src/components',

src/components/core/Button.tsx

@@ -7,7 +7,7 @@ type Props = {
 };
 
 const Button = ({ title, onPress }: Props) => (
-  <TouchableOpacity onPress={onPress} className="px-6 py-2.5 bg-slate-500 rounded-md">
+  <TouchableOpacity onPress={onPress} className="px-6 py-2.5 bg-teal-600 rounded-md">
     <Text className={text({ type: 'headline', isCenter: true, class: 'text-white' })}>{title}</Text>
   </TouchableOpacity>
 );

src/hooks/useLoadFonts.ts

@@ -0,0 +1,12 @@
+import { useFonts } from 'expo-font';
+
+export const useLoadFonts = () => {
+  const [loaded] = useFonts({
+    Bold: require('../../assets/fonts/Poppins-Bold.ttf'),
+    Medium: require('../../assets/fonts/Poppins-Medium.ttf'),
+    Regular: require('../../assets/fonts/Poppins-Regular.ttf'),
+    SemiBold: require('../../assets/fonts/Poppins-SemiBold.ttf'),
+  });
+
+  return { loaded };
+};

src/screens/Test/index.tsx

@@ -6,7 +6,7 @@ const TestScreen = () => (
   <SafeAreaView>
     <View className="px-4">
       <Text className={text({ type: 'title1', class: 'my-2' })}>Test Screen</Text>
-      <Button title="Press me!" />
+      <Button title="Get Your Website" />
     </View>
   </SafeAreaView>
 );

tsconfig.json

@@ -4,6 +4,7 @@
     "strict": true,
     "baseUrl": "./src",
     "paths": {
+      "@hooks/*": ["./hooks/*"],
       "@theme/*": ["./theme/*"],
       "@screens/*":["./screens/*"],
       "@components/*": ["./components/*"],