Overlay about react-native-reanimated-bottom-sheet HOT 2 OPEN

let fall = new Animated.Value(1)

const animatedHeaderContentOpacity = Animated.interpolate(fall, {
  inputRange: [0.75, 1],
  outputRange: [0, 1],
  extrapolate: Animated.Extrapolate.CLAMP,
})

const renderShadow = () => {
  // `react-native-reanimated` v2: Animated.interpolateNode
  const animatedShadowOpacity = Animated.interpolate(fall, {
    inputRange: [0, 1],
    outputRange: [0.5, 0],
  })

  return (
    <AnimatedView
      pointerEvents="none"
      style={[
        styles.shadowContainer,
        {
          opacity: animatedShadowOpacity,
        },
      ]}
    />
  )
}

<BottomSheet
      ...
      callbackNode={fall}
      ...
/>
{renderShadow()}