DEV Community

amanbhoria
amanbhoria

Posted on • Updated on

Step up your UI Game with Tamagui

Image description

Add the babel plugin

npm install @tamagui/babel-plugin

Add the plugin in metro.config.js file

Image description

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

Image description

Then update app/_layout.tsx:

Image description

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:

Image description

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

Now you're good to go. Keep building!

Top comments (0)