React Native 시간에 따라 배경화면(테마) 바꾸기
2021. 7. 4. 21:11ㆍcoding
반응형
밤에는 밤 배경화면을, 낮에는 낮 배경화면으로 설정하는 방법
render의 ImageBackground를 다음과 같이 설정하면
새로고침 하는 시각을 기준으로 배경화면이 바뀐다
Date.getHours()를 이용해 현재 시각을 받고, 대소관계 비교를 위해 이를 Int로 바꿔준다.
// 오전 5시 ~ 오후 8시 59분까지는 day.png, 그 외의 시간에는 night.png를 배경화면으로 설정
<ImageBackground style={styles.backgroundImage} source={parseInt(new Date().getHours()) >= 5 && parseInt(new Date().getHours()) <= 20 ? require('./day.png') : require('./night.png')} imageStyle={{resizeMode: 'cover' }}>
반응형
'coding' 카테고리의 다른 글
Git Personal Access Tokens 설정하기 (0) | 2021.08.14 |
---|---|
React Native 어플 출시했다다다 (0) | 2021.07.25 |
React Native 여러 이미지들을 약간씩만 겹쳐서 쌓기 (0) | 2021.07.03 |
React Native Modal 바깥 부분 터치해서 닫기 (0) | 2021.07.03 |
React Native 화면 크기별로 폰트 사이즈 변경하기 (0) | 2021.06.25 |