arrayed style is not working

[withel21]

When using style prop, style can be an array as below.

const padding = { padding: 2};
const bigHeight = { height: 50};
const normalHeight = { height: 20};
const longWidth = { width: 200 };
const termWidth = { width: 70 };
const margin= { margin: 8 };

...

<SkeletonPlaceHolder >
    <View style={[padding, bigHeight, normalWidth, margin]} />
    <View style={[normalHeight, longWidth]} />
    <View style={[normalHeight, longWidth]} />
    <View style={[padding, bigHeight, longWidth, margin]} />
</SkeletonPlaceHolder>

In this case,

react-native-skeleton-placeholder/src/skeleton-placeholder.tsx

Lines 185 to 188 in 3c0ebcf

	const style =
	element.type?.displayName === SkeletonPlaceholder.Item.displayName
	? getItemStyle(element.props)
	: element.props.style;

cannot make following code get width & height from style.

So, I suggest like below.

    const style =
      element.type?.displayName === SkeletonPlaceholder.Item.displayName
        ? getItemStyle(element.props)
        : Array.isArray(element.props.style) 
        ? element.props.style.reduce((flattenStyle, value)=>({...flattenStyle, ...value}), {})
        : element.props.style;