프로젝트/할일목록 앱 (RN)

22. 할일목록이 없는 경우 상단에 날짜가 표시되지 않는 문제 해결하기

syleemomo 2023. 11. 6. 16:49
728x90
const styles = StyleSheet.create({
  container: {
    padding: 10,
    backgroundColor: '#a8c8ffff',
    zIndex: 1,
    elevation: 1
  },
  dateText: {
    fontSize: 30,
    color: 'white'
  }
})

components > DateHeader.js 파일을 위와 같이 수정한다.  zIndex, elevation 값을 높게 설정하여 화면 레이어에서 좀 더 앞쪽에 표시되도록 한다. 

할일목록이 없는 경우 상단바가 보이지 않음
할일목록이 없어도 상단에 날짜가 표시됨

 

728x90