欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

react native Animated简单使用方法

程序员文章站 2024-01-14 19:20:40
...
import { 
  Animated,
} from 'react-native';

constructor(props){
        super(props)
        this.state={ 
          fadeInOpacity: new Animated.Value(0), // 初始值 
        }
  }
componentDidMount(){ 
  Animated.timing(this.state.fadeInOpacity, {
      toValue: 1, // 目标值
    }).start();
  }
render(){
  return(
  <Animated.View style={{
     opacity: this.state.fadeInOpacity,justifyContent:'center',alignItems:'center',
                      backgroundColor:"#333",width:common.deviceWidth,height:common.deviceWidth*0.055}}>
                  <Text style={{color:"white"}}>123</Text>
    </Animated.View>
  )  
}