SplashScreen in native

Question

첫 번째 전체 화면의 배경 이미지를 SplashScreen으로 만들어야하고 일정 시간이 지나면 다른 구성 요소가 표시됩니다. 나는 두 가지 구성 요소 홈 및되는 SplashScreen을 만들고 여기에 내가 사용하고 코드입니다 :

componentDidMount() { 
    SplashScreen.hide(); 
} 
    render() { 

return(

    <View> 
     <SplashScreen/> 
     <Home/> 
    </View> 

) 
    } 

하시기 바랍니다 어떤 도움이나 아이디어

Answer 1

당신은 자바 스크립트 땅에서 이것을 구현해야합니다.

대부분의 구성 요소에는 스플래시 화면을 렌더링하는 플래그가 있습니다. 지정된 시간 후에이 플래그를 업데이트하고 원하는 내용을 렌더링합니다.

더미 구현은 ... 다음과 같이 보일 수 있습니다

class App extends Component { 
    state = { 
    ready: false, 
    } 

    componentDidMount() { 
    setTimeout(() => { 
     this.setState({ ready: true }) 
    }, 5000) 
    } 

    render() { 
    if (this.state.ready === false) { 
     return <Splash /> 
    } 

    return this.props.children; 
    } 
} 

// Usage example: 
<App> 
    <RouterOrSomething /> 
</App>