Reactjs 隐藏一个视图是非常滞后的

我在react原生应用程序中有一个视图，如图所示。我已经为相应的视图添加了css。为了使可视化更清晰，绿色视图不在红色视图的顶部，而红色视图在绿色视图之后。

用例-我想隐藏绿色视图，使红色视图以平滑过渡占据整个空间

Animated.timing(this.state.animation, {
            toValue: 94,
            duration: 100,
            easing: Easing.in,
            useNativeDriver: true
        })

我一直在尝试使用react native提供的

动画

隐藏事件调用的绿色视图。我尝试在translationY上应用动画，但正如预期的那样，视图已移出可见区域，但实际占用的区域并未减少。我试图在高度上应用它，但我得到一个错误，即

useNativeDriver:true

在高度上不起作用。所以我把它取了下来，它的行为突然从平稳过渡到极度迟缓，在过渡过程中停顿了很长时间

Animated.timing(this.state.animation, {
            toValue: 94,
            duration: 100,
            easing: Easing.in,
            useNativeDriver: true
        })

看起来现在不可能在高度变化时添加平滑过渡的动画

Animated.timing(this.state.animation, {
            toValue: 94,
            duration: 100,
            easing: Easing.in,
            useNativeDriver: true
        })

我怎样才能达到我想要的行为

react: 16.8.3
react-native: 0.59.8

---

在您的情况下，它会产生性能问题，因为视图相互影响。当它的大小改变时，它不应该影响另一个。这会导致再次渲染所有内容，而渲染是成本最高的过程

你也试过吗