애니메니션 - slide up

  const slideUp = {
            transform: [
                {
                    translateY: this.state.animation.interpolate({
                        inputRange: [0.01,1],
                        outputRange: [500, 0],
                        extrapolate: "clamp",
                    }),
                },
            ],
        };

  <Animated.View   style= {[slideUp ]}>

componentDidMount(){
      
        Animated.timing(this.state.animation, {
            toValue: 1,
            duration: 300,
            useNativeDriver: true,
        }).start();
    }

constructor(props) {
        super(props);
        this.state = {
            animation: new Animated.Value(0),
        }

    }

 

 

 interpolate :   값의 변화를 계속 시스템에 전달해줌.

 

 

 

참고 : https://codedaily.io/tutorials/64/Create-a-Custom-Animated-Bottom-Action-Sheet-without-Measuring-in-React-Native