What happened?
After upgrading Uniwind to 1.12.0, responsive Tailwind variants such as lg: stopped applying in my Expo app.
Restarting Metro with --clear did not resolve the issue. Downgrading Uniwind restored the expected behavior.
Expected: responsive styles apply when the viewport reaches the configured breakpoint.
Actual: responsive styles do not apply with Uniwind 1.12.0.
Steps to Reproduce
Before submitting, verify these steps in a minimal reproduction and replace the working-version placeholder below.
-
Set up an Expo app with Uniwind 1.12.0 and Tailwind CSS 4.3.3.
-
Render this component:
import { View } from "react-native";
export default function App() {
return (
<View className="flex-1 flex-col lg:flex-row">
<View className="h-20 w-20 bg-red-500" />
<View className="h-20 w-20 bg-blue-500" />
</View>
);
}
-
Open the app with a viewport wider than 1024 logical pixels.
-
Observe that lg:flex-row does not apply.
-
Install the previously working Uniwind version: [insert verified version], and restart Metro with --clear.
-
Observe that lg:flex-row applies correctly.
Snack or Repository Link
https://github.com
Uniwind version
1.12.0
React Native Version
0.86.3
Platforms
iOS, Android
Expo
Yes
Additional information 〰
What happened?
After upgrading Uniwind to 1.12.0, responsive Tailwind variants such as
lg:stopped applying in my Expo app.Restarting Metro with
--cleardid not resolve the issue. Downgrading Uniwind restored the expected behavior.Expected: responsive styles apply when the viewport reaches the configured breakpoint.
Actual: responsive styles do not apply with Uniwind 1.12.0.
Steps to Reproduce
Before submitting, verify these steps in a minimal reproduction and replace the working-version placeholder below.
Set up an Expo app with Uniwind 1.12.0 and Tailwind CSS 4.3.3.
Render this component:
Open the app with a viewport wider than 1024 logical pixels.
Observe that
lg:flex-rowdoes not apply.Install the previously working Uniwind version: [insert verified version], and restart Metro with
--clear.Observe that
lg:flex-rowapplies correctly.Snack or Repository Link
https://github.com
Uniwind version
1.12.0
React Native Version
0.86.3
Platforms
iOS, Android
Expo
Yes
Additional information 〰