Compose Preview not working in Android Studio when using permissions (appcompanist)

Question

When I add this line in my composable, the preview gives exception.

Code: val locationPermissionsState = rememberMultiplePermissionsState( listOf( Manifest.permission.ACCESS_COARSE_LOCATION, Manifest.permission.ACCESS_FINE_LOCATION ) )

Exception message is "This preview was unable to find a CompositionLocal, and the stack trace is

java.lang.IllegalStateException: Permissions should be called in the context of an Activity at com.google.accompanist.permissions.PermissionsUtilKt.findActivity(PermissionsUtil.kt:138) at com.google.accompanist.permissions.MutableMultiplePermissionsStateKt.rememberMutablePermissionsState(MutableMultiplePermissionsState.kt:80) at com.google.accompanist.permissions.MutableMultiplePermissionsStateKt.rememberMutableMultiplePermissionsState(MutableMultiplePermissionsState.kt:48) at com.google.accompanist.permissions.MultiplePermissionsStateKt.rememberMultiplePermissionsState(MultiplePermissionsState.kt:38)

Answer 1

I was able to preview composable functions in Android Studio (Electric Eel) that use the MultiplePermissionsState interface by implementing the interface and hardcoding the necessary state for the preview.

Here is an example:

@ExperimentalPermissionsApi
class MultiplePermissionsStatePreview : MultiplePermissionsState {

    override val allPermissionsGranted: Boolean
        get() = false

    override val permissions: List<PermissionState>
        get() = emptyList()

    override val revokedPermissions: List<PermissionState>
        get() = emptyList()

    override val shouldShowRationale: Boolean
        get() = true

    override fun launchMultiplePermissionRequest() {
        // do nothing
    }
}

@ExperimentalPermissionsApi
@Preview
@Composable
private fun PermissionsPreview() {
    AppTheme {
        PermissionsScreen(
            multiplePermissionsState = MultiplePermissionsStatePreview()
            // ...
        )
    }
}