animated-component.jsx

import React from 'react';
import { Animated, Easing, Text } from 'react-native';

class AnimatedComponent extends React.Component {
  constructor(props) {
    super(props);
    this.animation = new Animated.Value(0.001);
  }
  componentDidMount() {
    this.animation.setValue(0.001);
    Animated.timing(this.animation, {toValue: 1, duration: 1000, easing: Easing.linear}).start();
  }
  render() {
    return (
      <Animated.View style={{opacity: this.animation}}>
        <Text>Hello world</Text>
      </Animated.View>
    );
  }
}

export default AnimatedComponent;