在React Native v0.46中隐藏和显示带有动画的视图。

import { Animated } from 'react-native';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      fadeAnim: new Animated.Value(1), // 初始值为1，表示完全显示
    };
  }

  toggleView() {
    Animated.timing(
      this.state.fadeAnim,
      {
        toValue: 0, // 设置目标值为0，表示隐藏视图
        duration: 1000, // 动画持续时间为1秒
      }
    ).start();
  }

  render() {
    return (
      <Animated.View
        style={{
          opacity: this.state.fadeAnim, // 根据fadeAnim的值来设置透明度
        }}
      >
        {/* 视图内容 */}
      </Animated.View>
    );
  }
}