Merge pull request pmndrs#457 from brunolemos/style-flatten

[react-native] Support nested array styles

Author: drcmda

src/targets/native/AnimatedStyles.js

@@ -7,14 +7,13 @@ import AnimatedStyle from '../../animated/AnimatedStyle'
 import createInterpolation from '../../shared/interpolation'
 import colorNames from '../../shared/colors'
 import AnimatedTransform from './AnimatedTransform'
-import AnimatedStyles from './AnimatedStyles'
 import { useSpring } from '../../hooks/useSpring'
 import { useTrail } from '../../hooks/useTrail'
 import { useTransition } from '../../hooks/useTransition'
 import { useKeyframes } from '../../hooks/useKeyframes'
 import { useChain } from '../../hooks/useChain'
 import { useSprings } from '../../hooks/useSprings'
-import { View } from 'react-native'
+import { StyleSheet, View } from 'react-native'
 
 Globals.injectDefaultElement(View)
 Globals.injectInterpolation(createInterpolation)
@@ -24,8 +23,8 @@ Globals.injectApplyAnimatedValues(
     instance.setNativeProps ? instance.setNativeProps(props) : false,
   style => ({ ...style, transform: new AnimatedTransform(style.transform) })
 )
-Globals.injectCreateAnimatedStyle(styles =>
-  Array.isArray(styles) ? new AnimatedStyles(styles) : new AnimatedStyle(styles)
+Globals.injectCreateAnimatedStyle(
+  styles => new AnimatedStyle(StyleSheet.flatten(styles))
 )
 
 export {

src/targets/native/hooks.js

@@ -11,8 +11,7 @@ import Keyframes from '../../Keyframes'
 import createInterpolation from '../../shared/interpolation'
 import colorNames from '../../shared/colors'
 import AnimatedTransform from './AnimatedTransform'
-import AnimatedStyles from './AnimatedStyles'
-import { View } from 'react-native'
+import { StyleSheet, View } from 'react-native'
 
 Globals.injectDefaultElement(View)
 Globals.injectInterpolation(createInterpolation)
@@ -22,8 +21,8 @@ Globals.injectApplyAnimatedValues(
     instance.setNativeProps ? instance.setNativeProps(props) : false,
   style => ({ ...style, transform: new AnimatedTransform(style.transform) })
 )
-Globals.injectCreateAnimatedStyle(styles =>
-  Array.isArray(styles) ? new AnimatedStyles(styles) : new AnimatedStyle(styles)
+Globals.injectCreateAnimatedStyle(
+  styles => new AnimatedStyle(StyleSheet.flatten(styles))
 )
 
 export {