- Notifications
You must be signed in to change notification settings - Fork16
Open
Description
Before submitting a new issue
- I tested using the latest version of the library, as the bug might be already fixed.
- I tested using asupported version of react native.
- I checked for possible duplicate issues, with possible answers.
Bug summary
Whentransition-transform active:scale-95 is applied on pressable it errors
Error: Exception in HostFunction: TypeError: expected dynamic type 'double', but had type 'string'nativewind-ani-error.mp4
Library version
3.0.1
Environment info
expo-env-info 2.0.7 environment info: System: OS: macOS 26.0 Shell: 5.9 - /bin/zsh Binaries: Node: 24.2.0 -~/.nvm/versions/node/v24.2.0/bin/node npm: 11.4.2 -~/.nvm/versions/node/v24.2.0/bin/npm Watchman: 2025.08.18.00 - /opt/homebrew/bin/watchman Managers: CocoaPods: 1.16.2 - /opt/homebrew/bin/pod SDKs: iOS SDK: Platforms: DriverKit 25.0, iOS 26.0, macOS 26.0, tvOS 26.0, visionOS 26.0, watchOS 26.0 Android SDK: API Levels: 34, 35, 36 Build Tools: 30.0.3, 33.0.0, 33.0.1, 34.0.0, 35.0.0, 36.0.0, 36.1.0 System Images: android-36| Google Play ARM 64 v8a IDEs: Android Studio: 2025.1 AI-251.26094.121.2512.13930704 Xcode: 26.0/17A324 - /usr/bin/xcodebuild npmGlobalPackages: eas-cli: 16.19.3 Expo Workflow: managed
Steps to reproduce
- Replace the content in the
App.tsxin theexamplefolder to this below:
import{ScrollView,Text,Pressable,View}from"react-native";import{StatusBar}from"expo-status-bar";import"../global.css";exportdefaultfunctionApp(){return(<ScrollViewclassName="flex-1 bg-indigo-900/50 pt-10"><StatusBarstyle="light"/>{/* Header */}<ViewclassName="pt-12 px-6"><TextclassName="text-white text-3xl font-bold">Peaceful Mind</Text><TextclassName="text-indigo-200 mt-2">Welcome back, let's meditate</Text></View>{/* Daily Quote */}<ViewclassName="mx-6 mt-8 p-6 bg-indigo-800/50 rounded-3xl"><TextclassName="text-indigo-200 italic">"Breath is the bridge which connects life to consciousness"</Text><TextclassName="text-indigo-300 mt-2">- Thích Nhất Hạnh</Text></View>{/* Quick Actions */}<ScrollViewhorizontalclassName="px-6 mt-8"showsHorizontalScrollIndicator={false}><PressableclassName="bg-purple-700/50 p-6 rounded-2xl w-32 mr-4 will-change-auto transition-transform active:scale-95"><TextclassName="text-white text-lg font-semibold">Sleep</Text><TextclassName="text-purple-200 mt-2">20 mins</Text></Pressable><PressableclassName="bg-blue-700/50 p-6 rounded-2xl w-32 mr-4"><TextclassName="text-white text-lg font-semibold">Focus</Text><TextclassName="text-blue-200 mt-2">10 mins</Text></Pressable><PressableclassName="bg-teal-700/50 p-6 rounded-2xl w-32 mr-4"><TextclassName="text-white text-lg font-semibold">Calm</Text><TextclassName="text-teal-200 mt-2">15 mins</Text></Pressable></ScrollView>{/* Featured Session */}<ViewclassName="mx-6 mt-8 p-6 bg-linear-to-br from-purple-800/50 to-indigo-900/50 rounded-3xl"><TextclassName="text-white text-xl font-bold">Daily Meditation</Text><TextclassName="text-indigo-200 mt-2">Mindful Breathing</Text><ViewclassName="flex-row items-center mt-4"><ViewclassName="bg-white/20 px-4 py-2 rounded-full"><TextclassName="text-white">10 minutes</Text></View><PressableclassName="bg-white ml-4 px-6 py-2 rounded-full"><TextclassName="text-indigo-900 font-semibold">Start</Text></Pressable></View></View>{/* Recent Sessions */}<ViewclassName="mx-6 mt-8"><TextclassName="text-white text-xl font-bold mb-4">Recent Sessions</Text><ViewclassName="bg-indigo-800/30 p-4 rounded-2xl mb-3"><TextclassName="text-white">Morning Meditation</Text><TextclassName="text-indigo-200">Completed • 15 mins</Text></View><ViewclassName="bg-indigo-800/30 p-4 rounded-2xl"><TextclassName="text-white">Evening Calm</Text><TextclassName="text-indigo-200">Completed • 20 mins</Text></View></View></ScrollView>);}