在React Native中设置视图动画

import { Animated } from 'react-native';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      fadeAnim: new Animated.Value(0), // 初始值为0
    };
  }

  componentDidMount() {
    Animated.timing(
      this.state.fadeAnim, // 动画中的变量
      {
        toValue: 1, // 最终值为1
        duration: 1000, // 动画持续时间
      }
    ).start(); // 启动动画
  }

  render() {
    let { fadeAnim } = this.state;
    return (
      <Animated.View
        style={{
          opacity: fadeAnim, // 将动画值绑定到透明度属性
        }}
      >
        <Text>动画效果</Text>
      </Animated.View>
    );
  }
}