Jetpack Compose10 Jetpack Compose Icon 이미지 검은색 문제 icon 벡터 이미지가 필요하기에 추가해 주었다. 하지만 실제 Icon에 적용시키면 다음과 같은 문제가 발생한다. 해결법은 간단하다. Icon( painter = painter, contentDescription = contentDescription, tint = Color.Unspecified // 해당 속성값을 추가시켜주면 된다. modifier = Modifier .padding(start = 8.dp) .offset(y = (20).dp) .zIndex(1f) ) 아이콘에 색상을 지정하지 않는다는 설정으로 아이콘의 원래 색상이 유지된다. Icon 코드를 살펴보면 @Composable fun Icon( painter: Painter, contentDescription: String?, modifie.. 2023. 9. 24. 처음 해보는 앱 개발부터 구글 스토어 등록까지 | 전반적인 후기 앱 개발 계기 원래는 웹 백엔드 개발자가 되기 위해서 공부를 해왔습니다. 하지만 취업도 안 되고 개발에 대한 흥미를 잃어가서 평소 생각해 왔던 서비스를 만들고자 하였습니다. 간단한 랜덤채팅 서비스로 웹에서 제공하기에는 서비스의 특징을 제대로 살릴 수 없을 거라 생각하여 이번에 새로 앱을 공부하기로 하였습니다. 개발 도구 예전에 학교에서 살짝 안드로이드 스튜디오를 배웠고 갤럭시 유저이기 때문에 안드로이드 앱 개발을 선택하였습니다.. 안드로이드 스튜디오 사이트에 들어가서 알아본 결과 최근에는 Jetpack Compose로 좀 더 쉽게 개발할 수 있다고 하여 Jetpack Compose를 공부하기로 하였습니다. 또한 Jetpack은 Java언어를 지원하지 않기에 Kotlin언어 또한 공부가 필요했습니다. 그렇.. 2023. 8. 14. [Jetpack Compose] Text가 너무 길어서 공간을 벗어날 때 텍스트를 자르고 "..." 넣기 간단하게 Card로 구현한 예시입니다. Card( modifier = Modifier .fillMaxWidth() .padding(4.dp) ) { Row( modifier = Modifier.padding(18.dp) .fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween, ) { Text( text = "안녕하세요", ) } } 현재 상태에서는 아무런 문제가 없지만 text의 양이 길어지면 문제가 발생합니다. 위 문제는 간단하게 Text의 매개변수인 maxLines와 overflow 설정해 주면 됩니다. Card( modifier = Modifier .fillMaxWidth() .padding(4.dp) ) { Row( modifier =.. 2023. 7. 26. Jetpack Compose에세 topBar가 하위 컴포지션을 가리는 문제 (간단) 본 글은 정확하지 않을 수 있습니다. 참고용으로만 봐주시면 감사하겠습니다. 다른 화면에서는 발생하지 않았던 문제가 위 화면에서는 발생하였다. 위 문제는 modifier에 대한 이해 부족으로 발생한 문제로 쉽게 해결할 수 있었다. 해결법 @Composable fun MainScreen( modifier: Modifier = Modifier, ) { Scaffold( topBar = { MbitTopAppBar( ... ) }, ) { innerPadding -> MainBody( modifier = Modifier .padding(innerPadding) // 패딩 전달 .fillMaxSize() ) } } @Composable fun MainBody( modifier: Modifier = Modifier.. 2023. 7. 24. 이전 1 2 3 다음 반응형
