[fix] support for Animated transform styles (part 2)

Only add 'px' to numeric translate values

src/apis/StyleSheet/__tests__/processTransform-test.js

@@ -8,13 +8,14 @@ suite('apis/StyleSheet/processTransform', () => {
     const style = {
       transform: [
         { scaleX: 20 },
+        { translateX: 20 },
         { rotate: '20deg' }
       ]
     }
 
     assert.deepEqual(
       processTransform(style),
-      { transform: 'scaleX(20px) rotate(20deg)' }
+      { transform: 'scaleX(20) translateX(20px) rotate(20deg)' }
     )
   })
 

src/apis/StyleSheet/processTransform.js

@@ -1,9 +1,21 @@
-import normalizeValue from './normalizeValue'
+const translateProperties = {
+  translateX: true,
+  translateY: true,
+  translateZ: true
+}
+
+const processTransformValue = (key, value) => {
+  if (translateProperties[key] && typeof value === 'number') {
+    value += 'px';
+  }
+  return value;
+}
 
 // { scale: 2 } => 'scale(2)'
+// { translateX: 20 } => 'translateX(20px)'
 const mapTransform = (transform) => {
   const type = Object.keys(transform)[0]
-  const value = normalizeValue('transform', transform[type])
+  const value = processTransformValue(type, transform[type])
   return `${type}(${value})`
 }