evanbacon/expo-router-tailwind-demo

Demo of using Expo Router with Tailwind in a website bundled using Metro

Expo Router Tailwind web Example

Use expo-router with tailwind in Metro web apps.

This approach does nothing on native as native does not currently support CSS.

How it works

This project is Expo SDK +49

1. The Tailwind CLI is started in the metro.config.js file, this is where file watching and updating happens.
2. The index.js optionally imports the evaluated CSS file from tailwind CLI. This ensures that HMR updates are applied, and the CSS is bundled.
3. A global.css file adds the requisite utility classes for Tailwind to work.
4. The metro.config.js has experimental Expo CSS enabled.
5. The app.json has web.bundler set to metro.

📝 Notes

• Expo Router: Docs
• Expo Router: Repo
• Request for Comments

expo-router-tailwind-demo's Issues

I can't use tailwindcss in web if add main: "expo-router/entry" in package.json

Expo:49.0.21

{
"main": "expo-router/entry"
}

How can this be fixed?