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 |
| @Composable | ||
| private fun BottomNavItem( | ||
| item: BottomNavItem, | ||
| isSelected: Boolean, |
There was a problem hiding this comment.
isSelected에 기본값이 있고 없고는 큰 상관이 없겠죠??
There was a problem hiding this comment.
Row(
modifier = Modifier.fillMaxSize(),
horizontalArrangement = Arrangement.SpaceBetween,
verticalAlignment = Alignment.CenterVertically
) {
items.forEachIndexed { index, item ->
BottomNavItem(
item = item,
isSelected = index == selectedIndex,
modifier = Modifier.weight(1f),
onClick = { onItemSelected(index) }
)
}
}사용자가 지정할 일이 없고 상태가 저장되는 selectedIndex에 의해 선택 여부가 정해지기 때문입니다
| 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 머지 후 이부분도 수정 확인 위해서 코멘트 남겨두겠습니다
| 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.
이슈 패널 열면 뜨고 에뮬레이터에 돌리면 에러가 납니다.
|
.idea/deploymentTargetSelector.xml 가 conflict가 나는데 이게 뭘까요 |
Gael-Android
force-pushed
the
gael/feature/navigation
branch
from
1195208 to
127b8bc
Compare
|
@kangyuri1114 수정완료했습니다~ |
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