Initial commit

plugins/nativewind/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = function (api) {
+    api.cache(true);
+    return {
+        presets: [['babel-preset-expo', { jsxImportSource: 'nativewind' }], 'nativewind/babel'],
+    };
+};

plugins/nativewind/global.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

plugins/nativewind/metro.config.js

@@ -0,0 +1,6 @@
+const { getDefaultConfig } = require('expo/metro-config');
+const { withNativeWind } = require('nativewind/metro');
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withNativeWind(config, { input: './global.css' });

plugins/nativewind/nativewind-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="nativewind/types" />

plugins/nativewind/plugin.json

@@ -0,0 +1,12 @@
+{
+    "dependencies": {
+        "nativewind": "latest",
+        "react-native-reanimated": "latest",
+        "react-native-safe-area-context": "latest"
+    },
+    "devDependencies": {
+        "tailwindcss": "^3.4.17",
+        "prettier-plugin-tailwindcss": "^0.5.11",
+        "babel-preset-expo": "latest"
+    }
+}

plugins/nativewind/src/App.tsx

@@ -0,0 +1 @@
+import '../global.css';

plugins/nativewind/src/screens/DefaultScreen.tsx

@@ -0,0 +1,11 @@
+import { StatusBar } from 'expo-status-bar';
+import { Text, View } from 'react-native';
+
+export default function DefaultScreen() {
+    return (
+        <View className="flex-1 bg-white items-center justify-center">
+            <Text>Open up /src/screens/DefaultScreen.tsx to start working on your app!</Text>
+            <StatusBar style="auto" />
+        </View>
+    );
+}

plugins/nativewind/tailwind.config.js

@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    // NOTE: Update this to include the paths to all files that contain Nativewind classes.
+    content: ['./src/**/*.{js,jsx,ts,tsx}'],
+    presets: [require('nativewind/preset')],
+    theme: {
+        extend: {},
+    },
+    plugins: [],
+};