Material 3

[Android] 006. TopAppBarのshadow

bps-e — Thu, 02 Oct 2025 22:48:54 +0000

Material 3のTopAppBarに境界線の影がなくて、古いアプリのデザインと合わない；；みたいな人少ないかもでググってもサクッと出てこなかったので需要ないっぽいけど、こんなコードを見かけたので…

Scaffold(
    topBar = {
        Surface(shadowElevation = 4.dp) {
            CenterAlignedTopAppBar(
                title = { Text("hoge") },
            )
        }
    },
)

昔はModifierにshadowなかった？
単純にSurfaceにshadowElevationがあったから使っただけかもだけど

CenterAlignedTopAppBar(
    title = { Text("hoge") },
    Modifier.shadow(4.dp)
)

Android Studio Narwhal 3 Feature Drop 2025.1.3, built on August 28, 2025

[Android] 005. ネストしてるScaffold

bps-e — Thu, 02 Oct 2025 22:05:45 +0000

よくありそうなBottomBarにNavigationBarをおいてTopBarは各View側で制御したい場合のView配置で適当にpadding設定すると隙間があいてしまう場合の対応コピペサンプル

正解

Scaffold(
    Modifier.fillMaxSize(),
    bottomBar = {
        Row(Modifier.fillMaxWidth().height(80.dp).background(Color.Cyan)) {}
    },
    containerColor = Color.Red
) { innerPadding ->
    val title = "test"
    val layoutDirection = LocalLayoutDirection.current
    Scaffold(
        Modifier.padding(
            start = innerPadding.calculateLeftPadding(layoutDirection),
            end = innerPadding.calculateRightPadding(layoutDirection),
            bottom = innerPadding.calculateBottomPadding()
        ),
        topBar = {
            CenterAlignedTopAppBar(
                title = { Text(title) },
                colors = TopAppBarDefaults.topAppBarColors().copy(containerColor = Color.Magenta)
            )
        },
        containerColor = Color.Green
    ) { innerPadding ->
        val topPadding = innerPadding.calculateTopPadding()
        Column(
            Modifier.fillMaxSize().padding(top = topPadding),
        ) {
            Text(title)
            Column(
                Modifier.fillMaxSize(),
                verticalArrangement = Arrangement.Bottom
            ) {
                Text(title)
            }
        }
    }
}

ダメな実装

内部のScaffoldのbottomに余計なpaddingが入ってしまう

Scaffold(
    Modifier.fillMaxSize(),
    bottomBar = {
        Row(Modifier.fillMaxWidth().height(80.dp).background(Color.Cyan)) {}
    },
    containerColor = Color.Red
) { innerPadding ->
    val title = "test"
    Scaffold(
        Modifier.padding(innerPadding),
        topBar = {
            CenterAlignedTopAppBar(
                title = { Text(title) },
                colors = TopAppBarDefaults.topAppBarColors().copy(containerColor = Color.Magenta)
            )
        },
        containerColor = Color.Green
    ) { innerPadding ->
        Column(
            Modifier.fillMaxSize().padding(innerPadding),
        ) {
            Text(title)
            Column(
                Modifier.fillMaxSize(),
                verticalArrangement = Arrangement.Bottom
            ) {
                Text(title)
            }
        }
    }
}

おしい実装

statusbar分がズレている

Scaffold(
    Modifier.fillMaxSize(),
    bottomBar = {
        Row(Modifier.fillMaxWidth().height(80.dp).background(Color.Cyan)) {}
    },
    containerColor = Color.Red
) { innerPadding ->
    val title = "test"
    Scaffold(
        Modifier.padding(innerPadding),
        topBar = {
            CenterAlignedTopAppBar(
                title = { Text(title) },
                colors = TopAppBarDefaults.topAppBarColors().copy(containerColor = Color.Magenta)
            )
        },
        containerColor = Color.Green
    ) { innerPadding ->
        val topPadding = innerPadding.calculateTopPadding()
        Column(
            Modifier.fillMaxSize().padding(top = topPadding),
        ) {
            Text(title)
            Column(
                Modifier.fillMaxSize(),
                verticalArrangement = Arrangement.Bottom
            ) {
                Text(title)
            }
        }
    }
}

Android Studio Narwhal 3 Feature Drop 2025.1.3, built on August 28, 2025

[Android] 004. @Preview(デバイスサイズごと)

bps-e — Wed, 25 Jun 2025 19:04:39 +0000

最新のNow in Androidを眺めていたら…

@DevicePreviews
@Composable
fun ForYouScreenPopulatedAndLoading(...)

ん？@DevicePreviews？？？

/**
 * Multipreview annotation that represents various device sizes. Add this annotation to a composable
 * to render various devices.
 */
@Preview(name = "phone", device = "spec:shape=Normal,width=360,height=640,unit=dp,dpi=480")
@Preview(name = "landscape", device = "spec:shape=Normal,width=640,height=360,unit=dp,dpi=480")
@Preview(name = "foldable", device = "spec:shape=Normal,width=673,height=841,unit=dp,dpi=480")
@Preview(name = "tablet", device = "spec:shape=Normal,width=1280,height=800,unit=dp,dpi=480")
annotation class DevicePreviews

たしかにいちいち個別にデバイスごとにPreview実装する必要なかった…
もっとはやく知りたかったorz

[Android] 021. Modifier.animateContentSizeとElevated

bps-e — Tue, 17 Sep 2024 15:40:56 +0000

コンポーネントのサイズ変更時のアニメーションですが、Modifierのセット順でElevatedCardなどの影が表示されない罠があったので覚書き

paddingつけないと表示されないとか説明してるサイトもあったけどそんなことはない
size指定前にanimateContentSizeを指定すればok

https://developer.android.com/develop/ui/compose/animation/quick-guid
https://developer.android.com/reference/kotlin/androidx/compose/animation/package-summary#(androidx.compose.ui.Modifier).animateContentSize(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function2)
https://developer.android.com/develop/ui/compose/components/card?elevated#elevated

@Composable
fun Screen(modifier: Modifier = Modifier) {
    var expanded by remember { mutableStateOf(false) }

    Column(
        modifier.padding(44.dp),
    ) {
        ElevatedCard(
            onClick = { expanded = !expanded },
            elevation = CardDefaults.cardElevation(
                defaultElevation = 8.dp
            ),
        ) {
            Column(
                Modifier
                    .animateContentSize(
                        spring(
                            stiffness = Spring.StiffnessHigh,
                            visibilityThreshold = IntSize.VisibilityThreshold
                        )
                    )
                    .fillMaxWidth()
                    .padding(horizontal = 12.dp, vertical = 8.dp),
                horizontalAlignment = Alignment.CenterHorizontally,
                verticalArrangement = Arrangement.spacedBy(8.dp)
            ) {
                Row(verticalAlignment = Alignment.CenterVertically) {
                    Text("ElevatedCard")
                    Icon(
                        Icons.Default.ArrowDropDown,
                        "",
                        Modifier
                            .then(
                                if (expanded) Modifier.rotate(180f)
                                else Modifier
                            )
                    )
                }
                if (expanded) Text("あ".repeat(100))
            }
        }
    }
}

Android Studio Koala Feature Drop 2024.1.2 built on August 23, 2024

[Android] 019. プルダウンリフレッシュ(PullToRefreshBox)

bps-e — Mon, 09 Sep 2024 17:41:27 +0000

https://bps-e.com/dev/android-003-039/ で試したプルダウンリフレッシュを使うタイミングが来そうだったので、今の環境で確認してたらCompose BOM 2024.09でMaterial3向けのPullToRefreshBoxが追加されていることに気が付きましたので試しました
https://developer.android.com/reference/kotlin/androidx/compose/material3/pulltorefresh/package-summary

thresholdを指定したい場合などIndicatorをカスタマイズする必要がなければ、もっと簡略化したコードで実装できます

@OptIn(ExperimentalMaterial3Api::class)
@Preview(showBackground = true)
@Composable
fun Screen(modifier: Modifier = Modifier) {
    var isRefreshing by remember { mutableStateOf(false) }
    val state = rememberPullToRefreshState()
    val scope = rememberCoroutineScope()

    PullToRefreshBox(
        isRefreshing,
        onRefresh = {
            isRefreshing = true
            scope.launch {
                delay(2_000)
                isRefreshing = false
            }
        },
        modifier = modifier,
        state = state,
        indicator = {
            Indicator(
                modifier = Modifier.align(Alignment.TopCenter),
                isRefreshing = isRefreshing,
                state = state,
                threshold = 100.dp
            )
        }
    ) {
        Column(
            Modifier
                .fillMaxSize()
                .verticalScroll(rememberScrollState()),
            horizontalAlignment = Alignment.CenterHorizontally
        ) {
            Text("PullToRefreshBox")
        }
    }
}

Android Studio Koala Feature Drop 2024.1.2 built on August 23, 2024

[Android] 017. Typography(Text Style)

bps-e — Sat, 31 Aug 2024 04:01:43 +0000

compose-bomを2024.08にしたら？なんかTextが中央に表示されてないような？みたいな違和感があったので調べてみました

テキストスタイルまわりは以下
https://developer.android.com/develop/ui/compose/text/style-paragraph

PlatformTextStyleが微妙に高さに影響してたようです
ProvideTextStyleとかで全体的に指定をしておいた方がいいかもしれません

@Composable
fun Screen(modifier: Modifier = Modifier) {
    @Composable
    fun TestText(content: @Composable (RowScope.() -> Unit)) {
        Row(
            Modifier
                .background(Color(0.95f, 0.5f, 0.5f, 1.0f))
                .drawWithCache {
                    onDrawBehind {
                        val center = this.size.height / 2
                        drawLine(Color.LightGray, Offset(0.0f, center), Offset(this.size.width, center))
                    }
                },
            verticalAlignment = Alignment.CenterVertically
        ) {
            Box(Modifier.size(9.dp).background(Color.Black))
            content()
            Box(Modifier.size(9.dp).background(Color.Black))
        }
    }

    Column(
        modifier,
        verticalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        Row(horizontalArrangement = Arrangement.spacedBy(2.dp)) {
            TestText { Text("あいうabc") }
            TestText { Text("あいうabc", style = LocalTextStyle.current.copy(platformStyle = PlatformTextStyle(includeFontPadding = true))) }
            TestText { Text("あいうabc", style = LocalTextStyle.current.copy(
                lineHeight = 32.sp,
                platformStyle = PlatformTextStyle(includeFontPadding = false),
                lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
            )) }
        }
    }
}

Android Studio Koala 2024.1.1 Patch 1 built on July 11, 2024

[Android] 016. グラフ(Canvas)

bps-e — Fri, 30 Aug 2024 16:30:04 +0000

急に要件が出てきたら困るかもなので、グラフの表示試してみます

Vicoなどサードベンダーのライブラリを使うのもありだけど、保守性を考えるとあまり依存したくないのでCanvasに描画＆アニメーションで独自に作ってみました
https://developer.android.com/develop/ui/compose/graphics/draw/overview
https://developer.android.com/develop/ui/compose/animation/quick-guide

折れ線グラフ

ただの直線じゃ面白くないので、よくある？滑らかな曲線で作ってみようと思います
こちらが参考になりました
https://medium.com/@kezhang404/either-compose-is-elegant-or-if-you-want-to-draw-something-with-an-android-view-you-have-to-7ce00dc7cc1

// ↑の実装を流用
fun buildCurveLine(path: Path, startPoint: Offset, endPoint: Offset) {
    val firstControlPoint = Offset(
        x = startPoint.x + (endPoint.x - startPoint.x) / 2F,
        y = startPoint.y,
    )
    val secondControlPoint = Offset(
        x = startPoint.x + (endPoint.x - startPoint.x) / 2F,
        y = endPoint.y,
    )
    path.cubicTo(
        x1 = firstControlPoint.x,
        y1 = firstControlPoint.y,
        x2 = secondControlPoint.x,
        y2 = secondControlPoint.y,
        x3 = endPoint.x,
        y3 = endPoint.y,
    )
}

data class Item (
    val title: String,
    val amount: Float
)

@Composable
fun LineChart(chart: List, modifier: Modifier = Modifier) {
    val max = remember {
        chart.map { it.amount }.max()
    }

    Canvas(modifier) {
        val moveX = this.size.width / chart.size
        val drawH = this.size.height

        var current = Offset(0.0f, 0.0f)
        val path = Path().apply {
            chart.forEachIndexed { i, it ->
                val x = moveX * i
                val y = drawH - drawH * (it.amount / max)

                if (i == 0) moveTo(x, y)
                else buildCurveLine(this, current, Offset(x, y))
                current = Offset(x, y)
            }
        }

        repeat((max / 500).toInt()) {
            if (it != 0) {
                drawLine(
                    Color.Gray,
                    start = Offset(0.0f, drawH - drawH * (it * 500 / max)),
                    end = Offset(this.size.width, drawH - drawH * (it * 500 / max))
                )
            }
        }

        drawPath(
            path,
            Color.Black,
            1.0f,
            style = Stroke(width = 4.0f)
        )

        path.lineTo(current.x, drawH)
        path.lineTo(0.0f, drawH)
        path.close()

        drawPath(
            path,
            Brush.verticalGradient(listOf(Color(1.0f, 0.2f, 0.2f, 1.0f), Color(1.0f, 0.4f, 0.4f, 1.0f), Color(1.0f, 0.95f, 0.95f, 1.0f))),
            0.75f
        )
    }
}

@Composable
fun Screen(modifier: Modifier = Modifier) {
    val chart = remember {
        listOf(
            Item("2010", 1000f),
            Item("2015", 700f),
            Item("2020", 0f),
            Item("2025", 100f),
            Item("2030", 500f),
            Item("2030", 1500f),
            Item("2030", 1200f),
            Item("2030", 900f),
        )
    }

    Column(
        modifier
            .fillMaxWidth()
            .padding(top = 44.dp), horizontalAlignment = Alignment.CenterHorizontally) {
        LineChart(chart, Modifier.fillMaxSize().padding(44.dp))
    }
}

ドーナツグラフ

表示にアニメーションするドーナツグラフを作ってみました

@Composable
fun DonutChart(
    chart: List,
    startColor: Color = Color(0, 79, 70),
    endColor: Color = Color(178, 255, 255)
) {
    val sum = remember {
        chart.map { it.amount }.sum()
    }
    val color = remember {
        var i = 0
        chart.map {
            val r = startColor.red - ((startColor.red - endColor.red) / chart.size * i)
            val g = startColor.green - ((startColor.green - endColor.green) / chart.size * i)
            val b = startColor.blue - ((startColor.blue - endColor.blue) / chart.size * i)
            i++
            Color(r, g, b, 1.0f)
        }
    }

    val startAngle = remember {
        var angle = 270f
        chart.map {
            val value = angle
            angle += 360f * (it.amount / sum)
            if (angle > 360f) angle -= 360f
            value
        }
    }
    val animationAngle = remember {
        chart.map { Animatable(0f) }
    }

    LaunchedEffect(Unit) {
        animationAngle.forEachIndexed { i, it ->
            it.animateTo(360f * (chart[i].amount / sum) - 1f, tween(1000 / chart.size, easing = LinearEasing))
        }
    }

    Column {
        Canvas(Modifier.size(200.dp, 200.dp)) {
            chart.forEachIndexed { i, value ->
                drawArc(
                    color = color[i],
                    startAngle = startAngle[i],
                    sweepAngle = animationAngle[i].value,
                    useCenter = false,
                    style = Stroke(width = 64f),
                )
            }
        }
        Spacer(Modifier.height(44.dp))

        Column(Modifier.width(200.dp)) {
            Text("資産合計 ${sum.toInt()} 万円", style = MaterialTheme.typography.labelSmall)
            HorizontalDivider()
            chart.forEachIndexed { i, it ->
                Row(
                    Modifier.fillMaxWidth(),
                    horizontalArrangement = Arrangement.spacedBy(4.dp),
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    Box(Modifier.size(8.dp).background(color[i]))
                    Row(
                        Modifier.fillMaxWidth(),
                        horizontalArrangement = Arrangement.SpaceBetween
                    ) {
                        Text(it.title, style = MaterialTheme.typography.labelSmall)
                        Text("${it.amount.toInt()} 万円", style = MaterialTheme.typography.labelSmall)
                    }
                }
            }
        }
    }
}

@Composable
fun Screen(modifier: Modifier = Modifier) {
    val chart = remember {
        listOf(
            Item("現金", 1000f),
            Item("株式", 500f),
            Item("債権", 0f),
            Item("保険", 50f),
            Item("不動産", 2500f),
        )
        .filter { it.amount != 0f }
        .sortedByDescending { it.amount }
    }

    Column(modifier.fillMaxWidth().padding(top = 44.dp), horizontalAlignment = Alignment.CenterHorizontally) {
        DonutChart(chart)
    }
}

Android Studio Koala 2024.1.1 Patch 1 built on July 11, 2024

[Android] 013. AudioRecord

bps-e — Thu, 22 Aug 2024 09:30:51 +0000

Jetpack Compose向けにリアルタイムバッファ処理用途での録音実装したことなかったので実装してみました
callback頻度を100ms程度としてます

class AudioRecorder {
    companion object {
        const val AUDIO_SOURCE = MediaRecorder.AudioSource.MIC
        const val SAMPLE_RATE = 16000
        const val CHANNEL = AudioFormat.CHANNEL_IN_MONO
        const val AUDIO_FORMAT = AudioFormat.ENCODING_PCM_16BIT
    }

    lateinit var audioRecord: AudioRecord
        private set
    val _isRecording = MutableStateFlow(false)
    val isRecording = _isRecording.asStateFlow()

    private val bufferSize = AudioRecord.getMinBufferSize(
        SAMPLE_RATE,
        CHANNEL,
        AUDIO_FORMAT
    )
    // 100ms/1frameとする
    private val frameSize = SAMPLE_RATE * Short.SIZE_BYTES / 10
    private var frame = ByteArray(0)
    private var index = 0L

    fun start(context: Context, callback: (buffer: ByteArray, size: Int, index: Long) -> Unit): Boolean {
        stop()

        if (ActivityCompat.checkSelfPermission(context, android.Manifest.permission.RECORD_AUDIO) == PackageManager.PERMISSION_GRANTED) {
            audioRecord = AudioRecord(
                AUDIO_SOURCE,
                SAMPLE_RATE,
                CHANNEL,
                AUDIO_FORMAT,
                bufferSize
            )

            CoroutineScope(Job() + Dispatchers.IO).launch {
                capture(callback)
            }
            return true
        }
        return false
    }

    fun stop() {
        if (isRecording.value) {
            audioRecord.stop()
            audioRecord.release()
        }
    }

    private suspend fun capture(callback: (buffer: ByteArray, size: Int, index: Long) -> Unit) = coroutineScope {
        audioRecord.startRecording()
        _isRecording.update { true }
        index = 0L
        frame = ByteArray(0)

        while (audioRecord.recordingState == AudioRecord.RECORDSTATE_RECORDING) {
            val buffer = ByteArray(bufferSize)
            val size = audioRecord.read(buffer, 0, bufferSize)
            if (size == 0) continue

            val copy = if (frameSize - frame.size > size) size else frameSize - frame.size
            frame = frame + buffer.copyOfRange(0, copy)
            if (frame.size < frameSize) continue

            callback(frame, frame.size, index++)
            frame = if (copy >= size) ByteArray(0) else buffer.copyOfRange(copy, size)
        }

        if (frame.isNotEmpty()) callback(frame, frame.size, index)
        _isRecording.update { false }
    }
}

@Composable
fun Screen(modifier: Modifier = Modifier) {
    val recorder = AudioRecorder()
    val context = LocalContext.current
    val isRecording by recorder.isRecording.collectAsState()

    Row(modifier, horizontalArrangement = Arrangement.spacedBy(16.dp)) {
        Button(onClick = {
            if (!recorder.isRecording.value) {
                recorder.start(context) { buffer, size, index ->
                    Log.d("AudioRecorder", "$index $size")
                }
            }
            else {
                recorder.stop()
            }
        }) {
            Text(if (isRecording) "stop" else "start")
        }
    }
}

ぱーみっしょんちぇっくこぴぺこーど
※ Manifest.permission.RECORD_AUDIOではなくandroid.Manifest.permission.RECORD_AUDIOを参照

val requestPermissionLauncher = registerForActivityResult(
    ActivityResultContracts.RequestPermission()
) { isGranted ->
    Log.d("RequestPermission", "$isGranted")
}

if (ContextCompat.checkSelfPermission(this, android.Manifest.permission.RECORD_AUDIO) == PackageManager.PERMISSION_GRANTED) {
    Log.d("checkSelfPermission", "ok!")
} else {
    requestPermissionLauncher.launch(android.Manifest.permission.RECORD_AUDIO)
}

Android Studio Koala 2024.1.1 Patch 1 built on July 11, 2024

[Android] 012. Google Map Compose

bps-e — Thu, 22 Aug 2024 04:58:26 +0000

使いすぎると課金されてしまいますが、Google MapのJetpack Compose版があったのでためしてみました
https://developers.google.com/maps/documentation/android-sdk/maps-compose

まずはGCPでAPIキーを取得してください

APIキーはlocal.propertiesじゃなくて以下に設定

サンプル通りでちゃんとGoogleMapが表示されました(当たり前ですが…

val singapore = LatLng(1.35, 103.87)
val cameraPositionState = rememberCameraPositionState {
  position = CameraPosition.fromLatLngZoom(singapore, 10f)
}
GoogleMap(
  modifier = Modifier.fillMaxSize(),
  cameraPositionState = cameraPositionState
) {
  Marker(
    state = MarkerState(position = singapore),
    title = "Singapore",
    snippet = "Marker in Singapore"
  )
}

Android Studio Koala 2024.1.1 Patch 1 built on July 11, 2024

[Android] 011. FusedLocationProviderClient(位置情報)

bps-e — Thu, 22 Aug 2024 03:32:58 +0000

位置情報取得はLocationManagerでもできますが、こちらを使うのが推奨っぽいのでためしてみました
https://developer.android.com/develop/sensors-and-location/location

以下の依存関係追加
com.google.android.gms:play-services-location

import android.os.Looper
import androidx.core.content.ContextCompat

class MainActivity : ComponentActivity() {
    lateinit var fusedLocationClient: FusedLocationProviderClient
    val locationRequest = LocationRequest.Builder(Priority.PRIORITY_HIGH_ACCURACY, 500)
    val locationCallback: LocationCallback = object : LocationCallback() {
        override fun onLocationResult(locationResult: LocationResult) {
            super.onLocationResult(locationResult)
            locationResult.lastLocation?.apply {
                location.update { "$latitude, $longitude" }
            }
        }
    }
    val location = MutableStateFlow("")

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()

        fusedLocationClient = LocationServices.getFusedLocationProviderClient(this)

        val locationPermissionRequest = registerForActivityResult(
            ActivityResultContracts.RequestMultiplePermissions()
        ) { permissions ->
            when {
                permissions.getOrDefault(Manifest.permission.ACCESS_FINE_LOCATION, false) -> {
                    Log.d("MainActivity", "ACCESS_FINE_LOCATION false")
                }
                permissions.getOrDefault(Manifest.permission.ACCESS_COARSE_LOCATION, false) -> {
                    Log.d("MainActivity", "ACCESS_COARSE_LOCATION false")
                }
                else -> {}
            }
        }
        locationPermissionRequest.launch(
            arrayOf(Manifest.permission.ACCESS_FINE_LOCATION, Manifest.permission.ACCESS_COARSE_LOCATION)
        )
        ...
    }

    override fun onResume() {
        super.onResume()

        if (ContextCompat.checkSelfPermission(this, Manifest.permission.ACCESS_FINE_LOCATION) == PackageManager.PERMISSION_GRANTED &&
            ContextCompat.checkSelfPermission(this, Manifest.permission.ACCESS_COARSE_LOCATION) == PackageManager.PERMISSION_GRANTED) {
            fusedLocationClient.requestLocationUpdates(
                locationRequest.build(),
                locationCallback,
                Looper.getMainLooper()
            )
        }
    }

    override fun onStop() {
        super.onStop()
        fusedLocationClient.removeLocationUpdates(locationCallback)
    }
}

@Composable
fun Screen(text: String, modifier: Modifier = Modifier) {
    Text(text = text, modifier = modifier)
}

エミュレータで試しているのであれば位置情報変更も簡単にできます

LocationManager

せっかく？なのでLocationManagerの場合は以下

class MainActivity : ComponentActivity() {
    lateinit var locationManager: LocationManager
    val locationListener: LocationListener = object : LocationListener {
        override fun onLocationChanged(location: Location) {
            locate.update { "${location.latitude}, ${location.longitude}" }
        }
    }
    val locate = MutableStateFlow("")

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()

        locationManager = getSystemService(Context.LOCATION_SERVICE) as LocationManager
        ...
    }

    override fun onResume() {
        super.onResume()

        if (ContextCompat.checkSelfPermission(this, Manifest.permission.ACCESS_FINE_LOCATION) != PackageManager.PERMISSION_GRANTED ||
            ContextCompat.checkSelfPermission(this, Manifest.permission.ACCESS_COARSE_LOCATION) != PackageManager.PERMISSION_GRANTED) {
            requestPermissionLauncher.launch(Manifest.permission.ACCESS_FINE_LOCATION)
        }
        else {
            locationManager.requestLocationUpdates(
                LocationManager.GPS_PROVIDER,
                1000,
                50f,
                locationListener)
            locationManager.requestLocationUpdates(
                LocationManager.NETWORK_PROVIDER,
                1000,
                50f,
                locationListener)
        }
    }

    override fun onPause() {
        super.onPause()
        locationManager.removeUpdates(locationListener)
    }
}

Android Studio Koala 2024.1.1 Patch 1 built on July 11, 2024