问React本机垂直滚动插值不起作用
EN

Stack Overflow用户

提问于 2018-01-24 08:22:30

回答 1查看 850关注 0票数 0

因此，我有一些问题，弄清楚我认为是一个简单的动画…

基本上，如果您将topBarOpacity从interpolate替换为1，您应该会在顶部看到实际的栏...我只想让那个小的背景视图出现(根据滚动的位置淡入/淡出)。

虽然我可以在滚动时看到Animated.Event触发器，但我就是不能让不透明度按预期工作。

请指教

回答已采纳

发布于 2018-01-24 08:50:33

我不是百分之百确定你想要什么，但这是否达到了目标：https://snack.expo.io/@zvona/interpolating-opacity

其思想是获取偏移量，然后将其设置为状态，然后访问不透明度控制：

onScroll={({ nativeEvent }) => {
  this.setState({
    scrollY: new Animated.Value(nativeEvent.contentOffset.y)
  }, this.changeOpacity);
}}

代码中有一个"bug“，因为我还将不透明度作为状态属性，现在它会触发每个滚动两次渲染(导致性能问题)。但也许你有精力--在最初的问题有望得到解决后--来优化你的代码？

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48412996

复制

相似问题

问React本机垂直滚动插值不起作用EN