Minimal Expo NativeWind Setup
Budget: $10 – $30 USD
I need a brand-new Expo project generated with
`npx create-expo-app@latest` and configured for Expo Router plus NativeWind v5.
Scope
• No starter tabs, drawers, or extra screens—only `app/_layout.tsx` and `app/index.tsx`.
• Index is the single screen; any additional components, themes, or libraries are out of scope for now.
• Lean on default NativeWind styles; feel free to apply a simple layout of your choice that stays close to the framework’s defaults.
Code requirement for `app/index.tsx` (please keep this exact):
```jsx
import { View, Text } from "react-native";
export default function Index() {
return (
<View className="flex-1 items-center justify-center bg-blue-50">
<Text className="text-xl font-bold text-blue-600">NativeWind + Expo Router</Text>
</View>
);
}
```
Acceptance criteria
1. Project builds and runs on the latest Expo Go without warnings.
2. NativeWind v5 installed and working (Tailwind classes compile on both iOS and Android).
3. `app/_layout.tsx` correctly sets up the router wrapper—no extra navigation patterns included.
4. Repository delivered as a ZIP or public Git link, ready to `npm install && npx expo start`.
That’s all—once the app launches and shows the blue background screen with the centered heading, the job is complete.
`npx create-expo-app@latest` and configured for Expo Router plus NativeWind v5.
Scope
• No starter tabs, drawers, or extra screens—only `app/_layout.tsx` and `app/index.tsx`.
• Index is the single screen; any additional components, themes, or libraries are out of scope for now.
• Lean on default NativeWind styles; feel free to apply a simple layout of your choice that stays close to the framework’s defaults.
Code requirement for `app/index.tsx` (please keep this exact):
```jsx
import { View, Text } from "react-native";
export default function Index() {
return (
<View className="flex-1 items-center justify-center bg-blue-50">
<Text className="text-xl font-bold text-blue-600">NativeWind + Expo Router</Text>
</View>
);
}
```
Acceptance criteria
1. Project builds and runs on the latest Expo Go without warnings.
2. NativeWind v5 installed and working (Tailwind classes compile on both iOS and Android).
3. `app/_layout.tsx` correctly sets up the router wrapper—no extra navigation patterns included.
4. Repository delivered as a ZIP or public Git link, ready to `npm install && npx expo start`.
That’s all—once the app launches and shows the blue background screen with the centered heading, the job is complete.