본문 바로가기

728x90
반응형

안드로이드 스튜디오

(77)
[안드로이드 스튜디오 코틀린]로그인 후 BottomBar가 있는 홈화면 진입하는 간단 예제 (with Compose) 이번에 만들어 볼 예제는 로그인 화면 -> 바텀바가 있는 홈화면-> 로그아웃이 있는 설정화면 -> 다시 로그인 화면 (바텀바 없이)  입니다.            -> 로그아웃 버튼을 누르면 다시 바텀바가 없는 login화면으로 이동합니다.          우선 build.gradle(app)에 아래를 추가해줍니다.  // NavController 사용을 위한 추가 implementation 'androidx.navigation:navigation-runtime-ktx:2.7.7' implementation 'androidx.navigation:navigation-compose:2.7.7' // hiltViewModel() 사용을 위한 추가 implementation 'andr..
[안드로이드 스튜디오 코틀린] Compose로 아이폰 Dialog 같은 Custom Dialog 만들기 Compose로 아이폰 느낌의 Custom Dialog 를 만들어봅시다      이런 느낌의 Dialog를 Compose로 구현해보겠습니다.          프로젝트를 생성하고 utils라는 Package를 만들어줍니다.        그 다음 생성한 패키지에   위에 처럼 Kotlin CustomDialog.kt 파일을 만들어줍니다.               그리고 미리 볼 수 있는 Preview를 만들어서       위처럼 기본 함수 Setting을 합니다.        AlertDialog를 사용할 까 그냥 Dialog를 사용할 까 고민을 했습니다 흠..        AlertDialog는@OptIn(ExperimentalMaterial3Api::class)@Composablefun AlertDial..
[안드로이드 스튜디오 코틀린] Jetpack Compose rememberScaffoldState() not showing val scaffoldState = rememberScaffoldState()Scaffold( scaffoldState = scaffoldState, bottomBar = { } )    이렇게 Scaffold 내에서 사용하던  rememberScaffoldState() 가 사라졌다.           https://stackoverflow.com/questions/71363542/not-able-to-use-rememberscaffoldstate-in-android-compose-material3 Not able to use rememberScaffoldState() in android compose Material3I want to use rememberScaffoldStat..
[안드로이드 스튜디오 코틀린] Jetpack Compose Material 과 Material3 하단 바 차이 Material         Scaffold에서 bottomBar = { } 안에서 넣어서 사용                    Material3       이렇게 NavigationBar로 바뀌어서   아래처럼 넣어줘야 한다. Scaffold( bottomBar = { NavigationBar { } } )            참고 - Materialhttps://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#BottomNavigation(androidx.compose.ui.Modifier,androidx.compose.ui...
[안드로이드 스튜디오 코틀린] Jetpack Compose Hilt Error -> [Hilt]Unsupported metadata version. Check that your Kotlin version is >= 1.0 Jetpack Compose에서 hilt를 사용하는데    Task :app:hiltJavaCompileDebug FAILED error: [Hilt] Unsupported metadata version. Check that your Kotlin version is >= 1.0: java.lang.IllegalStateException: Unsupported metadata version. Check that your Kotlin version is >= 1.0 at dagger.hilt.processor.internal.kotlin.KotlinMetadata.metadataOf(KotlinMetadata.java:200) at dagger.hilt.processor.internal.kotlin.Kotl..
[안드로이드 스튜디오 코틀린] Jetpack Compose Bottom Navigation 으로 바텀 바 만들기( + FontAwecome) 로그인 화면에서 버튼을 누르면 메인화면으로 진입하고 , 메인화면에는 4개의 바텀메뉴가 있고 Home화면이 시작인 화면을 만들어보겠습니다.                       FontAwesome을 사용하려면https://github.com/Gurupreet/FontAwesomeCompose GitHub - Gurupreet/FontAwesomeCompose: Font Awesome free icons pack available for Jetpack Compose ready to use.Font Awesome free icons pack available for Jetpack Compose ready to use. - GitHub - Gurupreet/FontAwesomeCompose: Font Awe..
[안드로이드 스튜디오 코틀린] Jetpack Compose에서 간단한 로그인 View 만드는 방법 사이드 프로젝트를 진행하면서Jetpack Compose를 이용하여 프로젝트를 만들고 있습니다 !        로그인 페이지부터 만들고 있는데중앙에 로고가 있고, 하단에 로그인 버튼이 있는 View를 만들고 싶었습니다 . 이런 화면 !           xml 방식이라면 로고를 중앙으로 만들고 버튼을 하단에 붙여서 밑에서 패딩 주는 방식으로 만들었을 것 같습니다.         하지만 ! 이제는 Jetpack Compose 로 만들어야 하기 때문에제가 수행한 방식을 알려드리겠습니닷 따단(다른 방법도 있을 것 같습니다 ..!)               우선 Jetpack Compose Empty Project를 생성한 뒤중앙에 들어갈 뷰와, 하단에 들어갈 뷰의 함수를 다르게 만들어줍니다. import and..
[안드로이드 스튜디오 코틀린] Jetpack Compose Material2에서 Material3로 바뀌면서 Typography TextStyle 차이점 Material2에서   <p data-ke-size="size16"..

728x90
반응형