Navigation 구현 #17
Navigation 구현 #17
Conversation
| * @param label 아이템의 라벨 | ||
| */ | ||
| data class BottomNavItem( | ||
| val icon: Int, |
There was a problem hiding this comment.
저희 아이콘이 foundation에 정의되어 있어서 Handy에 있는 Icon을 사용하는게 좋지 않을까용? (이 시점에 머지가 안되었을 수도...) 거기 정의되어 있는 아이콘만 사용되지 않을까 하는.. 생각이 드네욥(요건 디자인팀한테 물어보기!)
icon: ImageVector
icon = HandyIcons.Line.InfoCircle,
근데 아이콘 말고도 라벨이 필요하니 Icon을 한번 감싸서 쓰는 방법도..?! 떠올라욥
지금 처럼 string으로 각각 인자 받으면 될 것 같슴당!
There was a problem hiding this comment.
Int보다는 Handy 내 Icon만 사용할 수 있도록 하는 게 맞는 것 같습니다!
There was a problem hiding this comment.
Icon을 사용할때 ImageVector가 아니라 Handy의 Icon 만을 가르키는 타입이 존재하나요?
| * @param label 아이템의 라벨 | ||
| */ | ||
| data class BottomNavItem( | ||
| val icon: Int, |
There was a problem hiding this comment.
Int보다는 Handy 내 Icon만 사용할 수 있도록 하는 게 맞는 것 같습니다!
| */ | ||
| data class BottomNavItem( | ||
| val icon: Int, | ||
| val label: String |
There was a problem hiding this comment.
String? 으로 두어서 아이콘만 있는 navigation도 가능하도록 하면 좋을 것 같습니다
디자인팀에서도 아직 미정인부분 같긴한데 우선 코멘트 남겨두었어요
| modifier: Modifier = Modifier, | ||
| onClick: () -> Unit |
There was a problem hiding this comment.
순서바꾸면 좋을 것 같습니다!
| modifier: Modifier = Modifier, | |
| onClick: () -> Unit | |
| onClick: () -> Unit, | |
| modifier: Modifier = Modifier |
| fontSize = 11.dp, | ||
| lineHeight = 16.dp, | ||
| fontWeight = FontWeight(400), | ||
| color = color, | ||
| textAlign = TextAlign.Center |
There was a problem hiding this comment.
typo를 활용해주시면 좋을 것 같습니다!
import com.yourssu.handy.compose.foundation.HandyTypography
| .fillMaxWidth() | ||
| .height(56.dp), | ||
| ) { | ||
| // Divider(thickness = Thickness.Thin) // Divider 추후 추가 |
There was a problem hiding this comment.
divider 머지 후 이부분도 수정 확인 위해서 코멘트 남겨두겠습니다
There was a problem hiding this comment.
이부분 추가 후에 navigation 머지해주시면 될 듯 합니다!
divider머지해주세요!
| selectedIndex: Int, | ||
| onItemSelected: (Int) -> Unit | ||
| ) { | ||
| require(items.size in 3..5) { "Items size must be between 3 and 5" } |
There was a problem hiding this comment.
이렇게 items수를 강제하는 건 좋은 것 같긴한데 require를 사용하게 되면
해당 컴포넌트로 개발 진행 시에 item수 미달, 초과로 preview단에서 오류가 뜨면 추적이 어려울 것 같은데 어떻게 생각하시나요??
item을 6개 넣으면 preview render오류가 뜨긴하지만 메시지는 보이지 않네요,,
There was a problem hiding this comment.
이슈 패널 열면 뜨고 에뮬레이터에 돌리면 에러가 납니다.
There was a problem hiding this comment.
require나 check로 체크하는 건 주석에 명시해주세요! -> 핸디 컨벤션에 추가해둘게요
|
.idea/deploymentTargetSelector.xml 가 conflict가 나는데 이게 뭘까요 |
Gael-Android
force-pushed
the
gael/feature/navigation
branch
from
1195208 to
127b8bc
Compare
|
@kangyuri1114 수정완료했습니다~ |
|
@kangyuri1114 @HI-JIN2 어프루브 부탁드립니다~ |
Gael-Android
force-pushed
the
gael/feature/navigation
branch
from
41470e0 to
dbec13e
Compare
|
Divider가 추가되었습니다. 다시 한번만 리뷰해주시면 감사하겠습니다. @kangyuri1114 |
| */ | ||
| data class BottomNavItem( | ||
| val icon: ImageVector, | ||
| val label: String? |
| selectedIndex: Int, | ||
| onItemSelected: (Int) -> Unit | ||
| ) { | ||
| require(items.size in 3..5) { "Items size must be between 3 and 5" } |
There was a problem hiding this comment.
require나 check로 체크하는 건 주석에 명시해주세요! -> 핸디 컨벤션에 추가해둘게요
| ) { | ||
| Icon( | ||
| item.icon, | ||
| iconSize = IconSize.M, | ||
| ) | ||
|
|
| @Composable | ||
| fun Navigation( | ||
| items: List<BottomNavItem>, | ||
| selectedIndex: Int, | ||
| onItemSelected: (Int) -> Unit | ||
| ) { |
|
|
||
| Column( | ||
| modifier = Modifier | ||
| .fillMaxWidth() | ||
| .height(56.dp), | ||
| ) { | ||
| Divider(dividerThickness = DividerThickness.ONE) |
There was a problem hiding this comment.
Surface로 감싸는 게 좋을 것 같습니다! 지금은 배경이 투명일 것 같네용
Summary
Navigation 입니다.
자세한 정보는 figma
https://www.figma.com/design/gvwhMF6iNkuYKzxipKzkaG/Handy-v1-(demo)?node-id=3897-22087&t=SA9mZOifEwjvSheS-1
를 참고해주시기 바랍니다.
Describe your changes
To reviewers
@yourssu/android-maintainer