title: React Native Expo Animated _reactNative.Animated.interpolate is not a funciton
body: <p>im getting this error when try to animate a header of a view. 
  TypeError: _reactNative.Animated.interpolate is not a function </p>
  
  <p>i tryed to follow this tutorial <a href="https://www.youtube.com/watch?v=JPx8IlfYQ-c" rel="nofollow noreferrer">https://www.youtube.com/watch?v=JPx8IlfYQ-c</a> with react-native HOOKS, I also tryed to use react-native-reanimated without success. I am using expo sdk 35.0.0 wiht react 16.8.3  and try with react-native-reanaimeted: 1.7.0 but in this example i imported directly from react-native with import {Animated} from 'react-native'</p>
  
  <pre><code>import React, {useState, useEffect} from 'react';
  import {
      StyleSheet,
      Text,
      View,
      TouchableOpacity,
      Image,
      FlatList,
      Animated,
      TouchableWithoutFeedback
  } from 'react-native';
  
  const HEADER__HEIGHT = 70
  const KitCardItem = ({student, onPressCard, insertItemDialogVisible, setinsertItemDialogVisible}) =&gt; {
      const {date, items} = student || {};
      const [itemsVisible, setItemsVisible] = useState(true)
  
      const scrollY = new Animated.Value(0)
      const headerY = Animated.interpolate(scrollY, {
          inputRange: [0, HEADER__HEIGHT],
          outputRange: [0, -HEADER__HEIGHT],
  
      })  
  
      return (    
          &lt;View style={{height: '100%', justifyContent: 'center'}}&gt;   
              &lt;Animated.View style={{
                  height: HEADER__HEIGHT,
                  transform: [{translateY: headerY}]
              }}&gt;
                  &lt;View
                      style={{width: '100%', alignItems: 'center'}}&gt;
                      &lt;Text style={{fontWeight: '700', fontSize: 16, fontcolor: titleColor}}&gt;{getDateTitle()}&lt;/Text&gt;
                  &lt;/View&gt;
              &lt;/Animated.View&gt;
  
  
              &lt;View style={{flex: 1,}}&gt;
                  &lt;Animated.FlatList
                      scrollEventThrottle={16}
                      onScroll={ Animated.event([
                          {
                              nativeEvent: {contentOffset: {y: scrollY}}
                          }
                      ])}
                      listKey={(item, index) =&gt; item._id}
                      showsHorizontalScrollIndicator={false}
                      vertical
                      style={{flex: 1,}}
                      data={items}
                      renderItem={({item, index}) =&gt; renderItem(item, index)}/&gt;
  
              &lt;/View&gt;
  
  
              {items.length === 0 &amp;&amp;
              &lt;View style={emptyContainer}&gt;
                  &lt;EmptyState
  
                      message={'Ainda sem notas para esse dia.'}
                  /&gt;
              &lt;/View&gt;                }
  
  
          &lt;/View&gt;    
      )  
  }
  
  const styles = StyleSheet.create({});
  
  
  export default KitCardItem
  </code></pre>