Animated.View上的Android React Native Height 0

Question

我们在全高和0之间切换Animated.View的高度。当我们将视图设置为高度为0时，它会自动重新打开，将值最小化为1会修复它但是可见并不希望。

componentWillUpdate(nextProps) {
  if (this.props.visible !== nextProps.visible) {
    const newHeight = nextProps.visible ? viewportHeight(100) : 0;
    Animated.timing(this.state.height, {
      duration: 250,
      toValue: newHeight,
    });

    Animated.timing(this.state.searchBarHeight, {
      duration: 150,
      toValue: nextProps.visible ? 56 : 0,
    }).start();

    Animated.timing(this.state.iconBarHeight, {
      duration: 150,
      toValue: nextProps.visible ? 56 : 0,
    }).start();
  }
}

Answer 1

事实证明，如果您将collapsible道具添加到视图（特定于Android），则会阻止优化代码从层次结构中删除视图。