Scrollable Compose preview screenshot workaround

scrollable-preview-workaround.kt

package dev.jamescullimore.app.ui.settings

import androidx.compose.foundation.ScrollState
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.rememberScrollState
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.material3.Surface
import dev.jamescullimore.app.ui.preview.CombinedPreviews
import dev.jamescullimore.app.ui.theme.AppTheme

@Composable
fun SettingsContent(
    onBack: () -> Unit,
    onNavigate: (String) -> Unit,
    onSignOut: () -> Unit,
    scrollState: ScrollState = rememberScrollState(),
) {
    // Screen content uses scrollState in a verticalScroll modifier.
}

@CombinedPreviews
@Composable
private fun SettingsScreenPreview() {
    AppTheme {
        Surface(modifier = Modifier.fillMaxSize()) {
            SettingsContent(
                onBack = {},
                onNavigate = {},
                onSignOut = {},
            )
        }
    }
}

@CombinedPreviews
@Composable
private fun SettingsScreenScrolledPreview() {
    AppTheme {
        Surface(modifier = Modifier.fillMaxSize()) {
            SettingsContent(
                onBack = {},
                onNavigate = {},
                onSignOut = {},
                scrollState = rememberScrollState(initial = 420),
            )
        }
    }
}

// For longer screens I kept a second preview with a non-zero initial scroll position.
// That let the screenshot set show more than just the top of the page without needing
// a separate capture pipeline for scrollable content.