2
Animated.View
의 높이를 전체 높이와 0 사이로 전환합니다. 높이 0으로 애니메이션을 적용하면 자동으로 다시 열리 며 값을 1로 최소화하면 값이 바뀌지 만 보이는 것이고 바람직하지 않다.Android React 네이티브 높이 0 on Animated.View
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();
}
}