colors are inverted

[MahmoudMabrok]

I found after capture colors are inverted, i.e. white became black and so on

see attachment

snippet:

            Image(
                painter = painterResource(barCode),
                modifier = Modifier
                    .fillMaxWidth()
                    .height(100.dp)
                    .capturable(captureController),
                contentDescription = null
            )

[PatilShreyas]

Can you try setting white background before capturable modifier?

[MahmoudMabrok]

I found issue is only for background, content is being captured properly,

I think issue comes from part of asAndroidBitmap because bitmap before this part is captured fine

[abd3lraouf]

Wonder if we can use pixel copy ?

[qaz5823091]

Try to set background attribute to the last, it may be worked!

I met a similar problem that my background is turned to black.

and my code is like this:

Box(
        modifier = Modifier
            .padding(top = 20.dp, start = 32.dp, end = 32.dp)
            .aspectRatio(boxRatio)
            .background(backgroundColor)
            .capturable(captureController)
) {
...
}

To solve this problem, I found another solution using NEW VERSION of Compose UI: Compose to Bitmap
and I find the code which is set background property lastly:

val coroutineScope = rememberCoroutineScope()
val graphicsLayer = rememberGraphicsLayer()
Box(
    modifier = Modifier
        .drawWithContent {
            // call record to capture the content in the graphics layer
            graphicsLayer.record {
                // draw the contents of the composable into the graphics layer
                this@drawWithContent.drawContent()
            }
            // draw the graphics layer on the visible canvas
            drawLayer(graphicsLayer)
        }
        .clickable {
            coroutineScope.launch {
                val bitmap = graphicsLayer.toImageBitmap()
                // do something with the newly acquired bitmap
            }
        }
        .background(Color.White)   // THE LAST
) {
    Text("Hello Android", fontSize = 26.sp)
}

So I set background which is below to capturable, it is turned to normal!

Part of my final code:

Box(
    modifier = Modifier
        .padding(top = 20.dp, start = 32.dp, end = 32.dp)
        .aspectRatio(boxRatio)
        .capturable(captureController)
        .background(backgroundColor)
) {
...
}

...

Button(onClick = {
    coroutineScope.launch {
        try {
            val bitmapAsync = captureController.captureAsync().await()
            val bitmap = bitmapAsync.asAndroidBitmap()
            val bytes = ByteArrayOutputStream()
            bitmap.compress(Bitmap.CompressFormat.JPEG, 100, bytes)
            val path = MediaStore.Images.Media.insertImage(context.contentResolver, bitmap, "Title", null)
            val sendIntent = Intent(Intent.ACTION_SEND).apply {
                putExtra(Intent.EXTRA_STREAM, Uri.parse(path))
                type = "image/JPEG"
            }
            val shareIntent = Intent.createChooser(sendIntent, null)
            startActivity(context, shareIntent, null)
        } catch (error: Throwable) {
            // Error occurred, do something.
        }
    }
})

Hope to this solution is helpful for you!

[PatilShreyas]

Thanks @qaz5823091 for sharing your learnings.