关于setParams和useEffect的问题

Question

老师在课程中为了改变header的透明度，您在componentdidmount中加入了navigation.setParams({
opacity: translateY.interpolate({
inputRange: RANGE,
outputRange: [1, 0],
}),
});
用来实现向上拖动header渐变呈现的效果。
如果是用的useEffect应该怎么写，如果在第二个参数中设置空数组，那么起不到任何效果，如果第二个数组中设置了dependency，那程序就会不断rerender从而死机。
我的代码如下，请教如何修改：
useEffect(() => {
dispatch({
type: ‘album/fetchAlbum’,
payload: {id},
});
}, [dispatch, id]);

useEffect(() => {
navigation.setParams({
opacity: translateY.interpolate({
inputRange: RANGE,
outputRange: [1, 0],
}),
});
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);

Answer 1

提问者 weixin_慕标1013808 2020-06-05 17:24:34

老师，我的代码在这里：https://github.com/AllenZhang-yz/xymalaya

按照目前的情况，setparam的opacity未生效，麻烦帮看看，困扰我好久了

• 今朝 #1

  创建动画值的时候，需要使用useRef，不然每更新一次获取到的动画值都不是同一个
  
  const translationYz = useRef(new Animated.Value(0)).current;
    const lastScrollY = useRef(new Animated.Value(0)).current;
    let lastScrollYValue = useRef(0).current;
    const reverseLastScrollY = Animated.multiply(
      new Animated.Value(-1),
      lastScrollY,
    );
    let translationYValue = useRef(0).current;
    const translationYOffset = useRef(new Animated.Value(0)).current;

• 提问者 weixin_慕标1013808 回复 今朝 #2

  太感谢老师了

• 尚橙 回复 今朝 #3

  老师您好，还想请教一下您是怎么定位这个问题的呢？

Answer 2

今朝 2020-06-02 09:22:52

可以看一下你整个的代码吗