React-spring: In React Native, the `delay` prop should not be passed onto `style`

Created on 1 Aug 2018 · 7Comments · Source: pmndrs/react-spring

When you supply a delay prop, it seems like it's getting set on the style prop as well, and RN throws this error: Invalid props.style key 'delay' supplied to 'View'

<Trail
  native
  config={config.wobbly}
  keys={myKeys}
  delay={this.state.myFlag ? 0 : 160}
  from={{
    opacity: 1,
    scale: 1,
  }}
  to={{
    opacity: this.state.myFlag ? 0 : 1,
    scale: this.state.myFlag ? 0.75 : 1,
  }}
>
  ...
</Trail>

I don't know if this is specific to the <Trail> component, or if it applies to all animations.

bug

Source

SnidelyWhiplash

All 7 comments

Oops, looks like I forgot to filter it out. Will fix.

drcmda on 1 Aug 2018

🎉1

@SnidelyWhiplash actually, it should already be fixed. Are you on the latest version? I've tried locally on the ios emulator, an older version gets the warning, the current version filters it out.

PS, i've tried it with:

  "dependencies": {
    "expo": "^27.0.1",
    "react": "16.3.1",
    "react-native": "~0.55.2",
    "react-spring": "5.5.1"
  }

drcmda on 1 Aug 2018

Thanks @drcmda, I was on 5.3.18. Upgrading to 5.5.1 did fix it, however I'm now seeing this one: Warning: Failed prop type: Invalid props.style key 'attach' supplied to 'View'. which I don't _think_ I was getting before. Cheers for the help!

SnidelyWhiplash on 3 Aug 2018

Same issue, i need to filter it out. I don't notice it in the web because props aren't spread into styles like that. I'll release a new patch today.

drcmda on 3 Aug 2018

I have a similar issue Warning: Failed prop type: Invalid props.style key 'destroyed' supplied to 'View'. Thanks for help