setVisible = '反応しました' - ネイティブで

Question

<Image source={require('../img/Image.png')} 
style={{flex: 1, resizeMode: 'stretch'}}/> 

このイメージを反応ネイティブで3秒後に消すにはどうすればよいですか？

Answer 1

要素を非表示にするには、set timeoutとstateを使用します。でその後

constructor(){ 
    super(); 
    this.state = {hide: false}; 
} 

... 

componentDidMount(){ 
    setTimeout(() => { 
     this.setState({ 
     hide: true 
     }) 
    }, 3000); 
} 

あなたのレンダリング：

{ 
this.state.hide == false ? 
<Image source={require('../img/Image.png')} 
style={{flex: 1, resizeMode: 'stretch'}}/> 
: 
null 
}