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

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

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
app		app
.gitignore		.gitignore
README.md		README.md
app.config.js		app.config.js
app.json		app.json
babel.config.js		babel.config.js
global.css		global.css
index.js		index.js
metro.config.js		metro.config.js
package.json		package.json
tailwind.config.js		tailwind.config.js
yarn.lock		yarn.lock