Animation error caused by incorrect value type

[divineniiquaye]

Before submitting a new issue

• I tested using the latest version of the library, as the bug might be already fixed.
• I tested using a supported version of react native.
• I checked for possible duplicate issues, with possible answers.

Bug summary

When transition-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

1. Replace the content in the App.tsx in the example folder to this below:

import { ScrollView, Text, Pressable, View } from "react-native";
import { StatusBar } from "expo-status-bar";

import "../global.css";

export default function App() {
  return (
    <ScrollView className="flex-1 bg-indigo-900/50 pt-10">
      <StatusBar style="light" />

            {/* Header */}
      <View className="pt-12 px-6">
        <Text className="text-white text-3xl font-bold">Peaceful Mind</Text>
        <Text className="text-indigo-200 mt-2">Welcome back, let's meditate</Text>
      </View>

      {/* Daily Quote */}
      <View className="mx-6 mt-8 p-6 bg-indigo-800/50 rounded-3xl">
        <Text className="text-indigo-200 italic">"Breath is the bridge which connects life to consciousness"</Text>
        <Text className="text-indigo-300 mt-2">- Thích Nhất Hạnh</Text>
      </View>

      {/* Quick Actions */}
      <ScrollView horizontal className="px-6 mt-8" showsHorizontalScrollIndicator={false}>
        <Pressable className="bg-purple-700/50 p-6 rounded-2xl w-32 mr-4 will-change-auto transition-transform active:scale-95">
          <Text className="text-white text-lg font-semibold">Sleep</Text>
          <Text className="text-purple-200 mt-2">20 mins</Text>
        </Pressable>
        <Pressable className="bg-blue-700/50 p-6 rounded-2xl w-32 mr-4">
          <Text className="text-white text-lg font-semibold">Focus</Text>
          <Text className="text-blue-200 mt-2">10 mins</Text>
        </Pressable>
        <Pressable className="bg-teal-700/50 p-6 rounded-2xl w-32 mr-4">
          <Text className="text-white text-lg font-semibold">Calm</Text>
          <Text className="text-teal-200 mt-2">15 mins</Text>
        </Pressable>
      </ScrollView>

      {/* Featured Session */}
      <View className="mx-6 mt-8 p-6 bg-linear-to-br from-purple-800/50 to-indigo-900/50 rounded-3xl">
        <Text className="text-white text-xl font-bold">Daily Meditation</Text>
        <Text className="text-indigo-200 mt-2">Mindful Breathing</Text>
        <View className="flex-row items-center mt-4">
          <View className="bg-white/20 px-4 py-2 rounded-full">
            <Text className="text-white">10 minutes</Text>
          </View>
          <Pressable className="bg-white ml-4 px-6 py-2 rounded-full">
            <Text className="text-indigo-900 font-semibold">Start</Text>
          </Pressable>
        </View>
      </View>

      {/* Recent Sessions */}
      <View className="mx-6 mt-8">
        <Text className="text-white text-xl font-bold mb-4">Recent Sessions</Text>
        <View className="bg-indigo-800/30 p-4 rounded-2xl mb-3">
          <Text className="text-white">Morning Meditation</Text>
          <Text className="text-indigo-200">Completed • 15 mins</Text>
        </View>
        <View className="bg-indigo-800/30 p-4 rounded-2xl">
          <Text className="text-white">Evening Calm</Text>
          <Text className="text-indigo-200">Completed • 20 mins</Text>
        </View>
      </View>
    </ScrollView>
  );
}

[divineniiquaye]

@marklawlor any update regarding this

[divineniiquaye]

@marklawlor I changed the classname containing this error to transition-transform active:scale-[0.95] and it worked. But instead of double type error when using scale-95, am getting this: