Style property 'left' is not supported by native animated module

[pvinis]

I dont understand whats happening with the versions on npm, master and in the tags, but i had 0.6.6, working, then i updated to 0.6.7, and now i get the above message. its complaining about the 'left' style on the underline view.
Any ideas?

[pvinis]

ok i did yarn install with both versions, diffed the folder, and found out the difference.

the left on the default tab bar changed to transformX

[depyronick]

bump +1

[depyronick]

Possible fix:

Go to render method of DefaultTabView, and find const left then update:

const left = {
      transform: [
        {
          translateX: this.props.scrollValue.interpolate({
            inputRange: [0, 1,], 
            outputRange: [0, containerWidth / numberOfTabs,],
          })
        }
      ]
    }

then

<Animated.View style={[tabUnderlineStyle, left, this.props.underlineStyle,]} />

[pvinis]

yep. that's what I did. still they versioning should be fixed, so that the default tab bar on github reflects that change.

[Obooman]

@p0d3r I crash into this problem too,but I don't understand what you are pointing out,I can't find any file named DefaultTabView or find any code you list.

react-native-scrollable-tab-view@^0.6.7

[Obooman]

Oh It's here

[chiefninew]

we tried downgrading to 0.6.6 and it works..

[jose920405]

In my case, it was because I was applying an interpolate on a touchable. It seems only valid for

View, Text, Image

[MattFoley]

For those still experiencing this issue, it's probably because you're passing in your own component for "renderTabBar", and making the same "left" mistake in there.