React Native NavigationCardStackStyleInterpolator.forVertical（） - 如何更改方向？

Question

我希望卡片从顶部而不是从底部出现。使用NavigationCardStackStyleInterpolator.forVertical()时有没有办法做到这一点？

Answer 1

我找到的一个解决方案是使用我自己的自定义插值器。

我们可以使用NavigationCardStackStyleInterpolator组件作为模板并更改

  const translateY = position.interpolate({
inputRange,
outputRange: ([height, 0, -10]: Array<number>)});

到

  const translateY = position.interpolate({
inputRange,
outputRange: ([-height, 0, -10]: Array<number>)});