Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bottomBar 구현, topBar 수정 #8

Merged
merged 7 commits into from
Jul 7, 2023
Merged

bottomBar 구현, topBar 수정 #8

merged 7 commits into from
Jul 7, 2023

Conversation

jhg3410
Copy link
Owner

@jhg3410 jhg3410 commented Jul 7, 2023

PR.8.mp4
  • Custom bottomBar 구현

    • top Corner 적용
      • content 가 BottomBar 위로 올라오기보단, corner size 까지는 포함해야 한다 생각 (corner 부분이 자연스럽기 위해)
      • 그러면 Content 의 최하단이 가려질 수 있음 (corner size 만큼)
      • 그렇기에 Content 들의 하단에 corner size 만큼 Spacer 부여
    • scale animation 적용
  • topBar 수정

    • Screen 에 따른 title 변경
    • 기존에 Scaffold 에서 공통으로 가지던 topBar 를 각각의 Screen 들이 가지도록 변경
      • Home Screen 에서 topBar 를 좀 더 자유롭게 다루기 위해

why use Spacer in installScreen
- BottomBar 에 top Corner 존재
- 그렇기에 content 가 BottomBar 위로 올라오기보단, corner size 까지는 포함해야 한다 생각
- 그래야 corner 부분이 자연스러움
- 하지만 그러면 Content 의 최하단이 가려질 수 있음(corner size 만큼)
- 그렇기에 Content 들의 하단에 corner size 만큼 Spacer 부여
- size down
- scale animation when pressed
- change design based on selected or unselected
  - Icon and Color
@jhg3410 jhg3410 changed the title topBar 수정, bottomBar 구현 bottomBar 구현, topBar 수정 Jul 7, 2023
@jhg3410 jhg3410 merged commit 5fab468 into develop Jul 7, 2023
2 checks passed
@jhg3410 jhg3410 deleted the topBar&bottomBar branch July 7, 2023 10:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant