Animated.View上的Android React Native Height 0

Question

We toggle an Animated.View 's height between full height and 0. When we animate the view to height of 0 it automatically re-opens, changing the value to minimize to 1 fixes it but is visible and not desired.

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道具添加到View（特定于Android），则会阻止优化代码潜在地将视图从层次结构中删除。