react-native-unistyles/src/web/convert/object/transform.ts

Level up your React Native StyleSheet

import type { TransformStyles } from '../../../types/core'
import { normalizeNumericValue } from '../utils'
import { getObjectStyle } from './objectStyle'

const normalizeTransform = (key: string, value: any) => {
    if (key.includes('scale')) {
        return value
    }

    if (typeof value === 'number') {
        return normalizeNumericValue(value)
    }

    return value
}

export const getTransformStyle = (transforms: Array<TransformStyles>) => getObjectStyle(transforms, 'transform', (key, value) => {
    switch(key) {
        case 'matrix':
            return `${key}(${(value as Array<number>).join(',')})`
        default:
            return `${key}(${normalizeTransform(key, value)})`
    }
})