title: Using Animated with styled-components (react-native)
body: <p>I'm experiencing an error stating following (tested via iOS):</p>
  
  <blockquote>
    <p>Cannot read property 'getScrollableNode' of null</p>
  </blockquote>
  
  <p>While trying to use react-native's <a href="https://facebook.github.io/react-native/docs/animated.html" rel="noreferrer">Animated</a> along side <a href="https://github.com/styled-components/styled-components" rel="noreferrer">styled-components</a> styling tool for react and react-native.</p>
  
  <p>Here is example of a <code>&lt;Logo /&gt;</code> component I created:</p>
  
  <pre><code>import React from 'react';
  import { Image, Dimensions } from 'react-native';
  import styled from 'styled-components/native';
  
  const { width } = Dimensions.get('window');
  const logoWidth = width - (width * 0.2);
  const logoHeight = logoWidth * 0.4516;
  
  const SLogoImage = styled(Image)`
    width: ${logoWidth};
    height: ${logoHeight};
  `;
  
  const Logo = ({ ...rest }) =&gt; (
    &lt;SLogoImage
      source={require('../assets/logo.png')}
      {...rest}
    /&gt;
  );
  
  export default Logo;
  </code></pre>
  
  <p>I am then importing this component into one of my scenes where I want to apply animation to it:</p>
  
  <pre><code>import React from 'react';
  import { View, Animated } from 'react-native';
  import Logo from '../components/Logo';
  
  const ALogo = Animated.createAnimatedComponent(Logo);
  
  class HomeScene extends Component {
    state = {
      fadeAnim: new Animated.Value(0)
    }
  
    componentDidMount() {
      Animated.timing(
        this.state.fadeAnim,
        { toValue: 1 }
      ).start()
    }
  
    render() {
      &lt;View&gt;
        &lt;ALogo style={{ opacity: this.state.fadeAnim }} /&gt;
      &lt;/View&gt;
  
    }
  }
  
  export default HomeScene;
  </code></pre>
  
  <p>And this results in error mentioned above, tried Googling it and wasn't able to find any sort of explanation to what it is. feel free to request further details if necessary.</p>
  
  <p><strong>Related GitHub issue:</strong> <a href="https://github.com/styled-components/styled-components/issues/341" rel="noreferrer">https://github.com/styled-components/styled-components/issues/341</a></p>