Text Focus Effect Not Working in NativeWind tvdemo Component

[satya1395]

I'm not sure if this is a NativeWind issue or a project issue. The text focus effect doesn't work.

Steps to reproduce:

Update line 16 in tvdemo.tsx from:
const buttonTextStyle = 'text-white text-[2.5vw]';

to:
const buttonTextStyle = 'text-white text-[2.5vw] focus:text-gray-900';

Expected result:

• The text color should change on hover, but it doesn't change.

[douglowder]

@satya1395 for hover you should add hover:text-gray-900.

[douglowder]

I did a lot more digging on this issue and found the problem: the modifiers will not work unless the component has an onPress handler. I was able to add the onPress and get it working on web, but not on TV. Still investigating this.