[Jetpack Compose] Circular Indicator 로딩뷰 만들기

개발한 앱의 로딩뷰를 직접 만들어보고 싶어서 만들어봤다.

Jetpack Compose Material 3에서 제공하는 CircularProgressIndicator를 활용했다.

(Jetpack Compose 1.9.3 기준)

@Composable
fun LoadingIndicator() {
    Box(
        modifier = YourSize,
        contentAlignment = YourAlignment
    ) {
        CircularProgressIndicator(
            modifier = YourSize,
            color = YourFavoriteColor,
            strokeWidth = YourWidth,
            trackColor = YourFavoriteColor
        )
    }
}

 

Preview를 통해 보면 다음과 같이 잘 만들어진다 :)

 

 

 

구독과 공감♡♡은 블로그 운영에 큰 힘이 됩니다!
긍정적인 댓글 남겨주시면 감사드리며,
보완해야 할 점이 있으면 댓글로 남겨주셔도 좋습니다!