i am using expo app and i have installed all dependencies properly but it is not working means there is something wrong

My file structure

this below is tailwind.config.js

module.exports = {
    content: [
        './app/*.tsx',
        './components/**/*.{js,jsx,ts,tsx}',
    ],
    theme: {
        extend: {},
    },
    plugins: [],
};

this below is babel.config.js

module.exports = function (api) {
    api.cache(true);
    return {
        presets: ['babel-preset-expo'],
        plugins: ['nativewind/babel'],
    };
};

below is index.tsx file

<View style={styles.container}>
            <Text style={styles.heading}>index</Text>
            {/* <Text style={styles.muted}>This is index screen</Text> */}
            <Text className="text-blue-500">This is index screen</Text>
            <TouchableOpacity
                onPress={() => {
                    navigation.navigate('profile');
                }}
            >
                <Text style={styles.muted}>Go to Profile</Text>
            </TouchableOpacity>
        </View>

i want to enable tailwind in expo app