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

[feat] TabLayout, EditText 생성 및 화면 이동 구현 #19

Merged
merged 20 commits into from
May 19, 2024

Conversation

jihyunniiii
Copy link
Contributor

Related issue 🛠

Work Description ✏️

  • TabLayout과 EditText를 공통 컴포넌트로 만들었습니다.
  • 탭을 통한 화면 이동을 구현하였습니다.
  • 상단 검색창을 통한 화면 이동을 구현하였습니다.

Screenshot 📸

Screen_recording_20240518_093222.mp4

Uncompleted Tasks 😅

  • N/A

To Reviewers 📢

  • 추후 확장성을 위해 (물론 하진 않을 거지만 ㅋㅋ) HomeFragment를 생성하였고 해당 프래그먼트에 상단바 (searchBar + tabBar)를 두었습니다.
  • 민석오빠와 새벽 1시까지 끙끙거리던 TabLayout 커스텀을 해냈습니다 ㅋㅋ ㅜㅜ
  • 민석오빠가 만들어둔 화면에 있던 것들 HomeFragment로 옮겼습니다!
  • 전체적인 네이밍을 조금 고쳤습니다!
  • 이제 전반적인 화면 연결이 찐으로 완료되었으니 해당 PR 머지되는 즉시 각자 작업하고 있는 브랜치로 dev 머지해서 각자 해당하는 페이지에 작업하면 좋을 것 같아요 ~
  • 그리고 xml화면에서 compose 컴포넌트 불러오는 거 처음 해봤는데,, 솔직히 잘 한지는 모르겠고,,, 신기하니까 요 부분 잘 봐보시면 좋을 것 같아요 ~

Copy link
Contributor

@Hyobeen-Park Hyobeen-Park left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이걸 컴포즈 해내다니!!! 진짜 최고에요❤️


private fun navigateToSearch() {
findNavController().navigate(R.id.action_home_to_search)
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이거 한 번만 사용되는 것 같은데 그래도 함수화 하는게 좋을까요??? 저는 한 줄정도면 그냥 함수화 안하고 쓸 때도 많았거든요😅

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저는 가독성을 위해 최대한 함수화 해놓는 편입니다 !

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 친구... 뭐하는 친구인가요..?????? ripple 없애는 역할인거 맞나요????

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

컴포즈에서는 클릭할 때 기본적으로 ripple이 생기는데 해당 리플을 제거해주는 확장함수 입니다.

@Composable
fun KreamTabBar(
indicatorColor: Color = Color.Black,
animationSpec: AnimationSpec<Dp> = tween(durationMillis = 250, easing = FastOutSlowInEasing),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이런것도 있었네요!! 애니메이션 쓴거 진짜 최고다😻

Copy link
Contributor

@t1nm1ksun t1nm1ksun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

낑낑대던거 결국 해결 했구나!!
배지현 그만잘해

.wrapContentWidth(Alignment.CenterHorizontally),
color = White,
) {
SubcomposeLayout(
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 레이아웃은 처음 보는데 SubComposeLayout은 무슨 장점이 있어 사용하신건가요?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

복잡한 레이아웃을 정의할 때 주로 사용한다고 하는데 ㅜ ㅈㅓ도 컴포즈는 아직 잘 몰라서리 ㅜ

@jihyunniiii jihyunniiii merged commit a5adec5 into develop May 19, 2024
1 check passed
@jihyunniiii jihyunniiii deleted the feat-common-component branch May 19, 2024 19:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

[feat] TabLayout, EditText 생성 및 화면 이동 구현
3 participants