根据多个值反应原生动画插值不透明度

Question

我有一个React Native Animated.view组件，我想根据其滚动视图的位置插入其不透明度。但是，我想使用两个值（x和y）而不是一个来插值不透明度。

      <Animated.View
        style={[
          {
            opacity: this.state.scrollX.interpolate({
              inputRange: [0, 414, 828],
              outputRange: [0, 1, 1]
            })
          },
          {
            opacity: this.state.scrollY.interpolate({
              inputRange: [-168, -167, -166, -85, -84],
              outputRange: [1, 1, 1, 0, 0]
            })
          }
        ]}
      >
        <Text>Content....</Text>
      </Animated.View>

这当然是行不通的，因为一个不透明度值会覆盖另一个不透明度值，但可以清楚地说明我想要实现的目标。

Answer 1

您可以使用Animated.add()。

IP_rec_calc := case when IO_factor_calc=0 then 0
                    else +(IN_highest_gpa_calc/IO_factor_calc) 
                    end;