Try it out

Try it out!

Create a simple component to test your Nativewind setup:

import "./global.css"
import { Text, View } from "react-native";
 
export default function App() {
  return (
    <View className="flex-1 items-center justify-center bg-white">
      <Text className="text-xl font-bold text-blue-500">
        Welcome to Nativewind!
      </Text>
    </View>
  );
}

This example shows:

• Using className prop to style components
• Tailwind utility classes like flex-1, items-center, justify-center
• Color utilities like bg-white, text-blue-500
• Typography utilities like text-xl, font-bold

If you see the styled text centered on a white background, Nativewind is working correctly!