Use breakpoints in tw.style()?

[PercentageCorporation]

I found that I can use tw.style() in the StyleSheet as below, but breakpoints do not seem to work. I have tried a number of configurations to no avail.
Are the breakpoint conditions available anywhere such as possibly { tw.sm && 'h-12' }?

const styles = StyleSheet.create({
navContainer: tw.style(
'flex-row',
'w-full',
'bg-slate-700',
'h-12',
'sm:h-24',
),
})

This did work:
style={ntt()}
const ntt = () => twfont-bold text-black text-sm sm:text-3xl;

[jaredh159]

Yeah, I'm pretty sure you won't be able to get it to work. That's because the tw function needs to be connected to a source of runtime device information, by using the useDeviceContext() hook, as described in the readme. Because it's a React hook, the call to that needs to be placed inside a function component.

So, what's happening with your code is that the call to Stylesheet.create() is getting evaluated before the tw function can get connected to the information it needs to evaluate breakpoints.