React Native Expo Animated _reactNative.Animated.interpolate не является функцией - PullRequest
Новая
       30

React Native Expo Animated _reactNative.Animated.interpolate не является функцией

0 голосов
/ 21 марта 2020

я получаю эту ошибку при попытке анимировать заголовок представления. TypeError: _reactNative.Animated.interpolate не является функцией

Я пытался следовать этому уроку https://www.youtube.com/watch?v=JPx8IlfYQ-c с реакционно-родными КРЮЧКАМИ, я также пытался использовать response-native-reanimated без успеха , Я использую expo SDK 35.0.0 с реакцией 16.8.3 и пробую с response-native-reanaimeted: 1.7.0, но в этом примере я импортировал напрямую из response-native с импортом {Animated} из 'Reaction-native' 

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}) => {
    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 (    
        <View style={{height: '100%', justifyContent: 'center'}}>   
            <Animated.View style={{
                height: HEADER__HEIGHT,
                transform: [{translateY: headerY}]
            }}>
                <View
                    style={{width: '100%', alignItems: 'center'}}>
                    <Text style={{fontWeight: '700', fontSize: 16, fontcolor: titleColor}}>{getDateTitle()}</Text>
                </View>
            </Animated.View>


            <View style={{flex: 1,}}>
                <Animated.FlatList
                    scrollEventThrottle={16}
                    onScroll={ Animated.event([
                        {
                            nativeEvent: {contentOffset: {y: scrollY}}
                        }
                    ])}
                    listKey={(item, index) => item._id}
                    showsHorizontalScrollIndicator={false}
                    vertical
                    style={{flex: 1,}}
                    data={items}
                    renderItem={({item, index}) => renderItem(item, index)}/>

            </View>


            {items.length === 0 &&
            <View style={emptyContainer}>
                <EmptyState

                    message={'Ainda sem notas para esse dia.'}
                />
            </View>                }


        </View>    
    )  
}

const styles = StyleSheet.create({});


export default KitCardItem
...