Step up your UI Game with Tamagui

Add the babel plugin

npm install @tamagui/babel-plugin

Add the plugin in metro.config.js file

Add @tamagui/config/v3 and tamagui to your package.json and install them. Then add a tamagui.config.ts:

Then update app/_layout.tsx:

Note: Don't need to import '../tamagui-web.css'

At last, install the expo-fonts as @tamagui uses expo fonts in the background. So you've to install them

Import the useFonts hook and load the fonts:

Note: Add this at the starting point of your application for e.g - App.tsx etc.

Now you're good to go. Happy Coding!