Class 'androidx.compose.foundation.layout.Arrangement' is compiled by an unstable version of the Kotlin compiler and cannot be loaded by this compiler

Make sure this is included in build.gradle

android {
// other options

kotlinOptions {
    jvmTarget = '1.8'
    useIR = true  // <- THIS!
}

// more options

}

An example of clicking on a list item and seeing a detail view from that item?

launchInComposition allows you to launch a suspendable function as soon as this composable is first committed i.e this tree node is first allowed to be rendered on the screen. It also takes care of automatically cancelling it when it is no longer in the composition.

Dear Sir

very thx your upgrade compose library

now i use vinay-latest-compose branch

&

i PR for you

#90

__
Loading Images can add use "accompanist-coil " ??

https://google.github.io/accompanist/coil/

https://betterprogramming.pub/how-to-use-coil-kotlins-native-image-loader-d6715dda7d26

implementation "com.google.accompanist:accompanist-appcompat-theme:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-coil:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-flowlayout:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-glide:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-imageloading-core:$compose_accompanist_version"

implementation "com.google.accompanist:accompanist-insets:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-insets-ui:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-pager-indicators:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-pager:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-placeholder:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-placeholder-material:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-swiperefresh:$compose_accompanist_version"
implementation "com.google.accompanist:accompanist-systemuicontroller:$compose_accompanist_version"

THX

If you have the time it would nice to add an example of using Flow with Compose.

Dev11 API Changes
Added an adapter for Flow. Example of the usage:
val value by flow.collectAsState()
(If2198, b/153375923)

Thanks! You Rock Hard!
~Ash

https://developer.android.com/jetpack/androidx/releases/compose

https://developer.android.com/jetpack/androidx/releases/ui

Would be nice to show how you would consume LiveData events

If you modify the shape for the Box in the below code, the image will display display as a square

@Composable
fun NetworkImageComponentGlide(url: String, modifier: Modifier = Modifier.fillMaxWidth() +
        Modifier.preferredHeightIn(maxHeight = 200.dp)) {
    var image by state<ImageAsset?> { null }
    var drawable by state<Drawable?> { null }
    val context = ContextAmbient.current
    onCommit(url) {
        val glide = Glide.with(context)
        val target = object : CustomTarget<Bitmap>() {
            override fun onLoadCleared(placeholder: Drawable?) {
                image = null
                drawable = placeholder
            }

            override fun onResourceReady(bitmap: Bitmap, transition: Transition<in Bitmap>?) {
                image = bitmap.asImageAsset()
            }
        }
        glide
            .asBitmap()
            .load(url)
            .into(target)

        onDispose {
            image = null
            drawable = null
            glide.clear(target)
        }
    }

    val theImage = image
    val theDrawable = drawable
    if (theImage != null) {
        // Box is a predefined convenience composable that allows you to apply common draw & layout
        // logic. In addition we also pass a few modifiers to it.

        // You can think of Modifiers as implementations of the decorators pattern that are
        // used to modify the composable that its applied to. In this example, we configure the
        // Box composable to have a max height of 200dp and fill out the entire available
        // width.
        Box(modifier = modifier,
            gravity = ContentGravity.Center) {
            // Image is a pre-defined composable that lays out and draws a given [ImageAsset].
            Image(asset = theImage)
        }
    } else if (theDrawable != null) {
        Canvas(modifier = modifier) {
            drawCanvas { canvas, pxSize ->
                theDrawable.draw(canvas.nativeCanvas)
            }
        }
    }
}

Snackbar link points to this link which is for MaterialCircularProgressIndicatorComponent

https://github.com/vinaygaba/Learn-Jetpack-Compose-By-Example/blob/master/app/src/main/java/com/example/jetpackcompose/material/MaterialActivity.kt#L323

It is apparent how we could request permissions from the MainActivity. However what if we are several layers deep in our app, how would we request runtime permission (such as location)?

https://developer.android.com/jetpack/compose/navigation

The FlowRow composable has been deprecated without direct replacement. The example using it should be removed or replaced by an equivalent implementation.

Why not open the DemoActivity directly but through MainActivity ? There are 2 startup icons on the desktop !

why not this :

It breaks due to this check that was added in dev09 - https://cs.android.com/androidx/platform/frameworks/support/+/androidx-master-dev:ui/ui-graphics/src/main/java/androidx/ui/graphics/AndroidImageAsset.kt;l=86?q=AndroidImage&ss=androidx%2Fplatform%2Fframeworks%2Fsupport

This is because we were relying on a copy pasted class that's internal to Jetpack Compose.

ignore

I plan to use Github Actions for this

Android Studio 4.2 Canary 1

I don’t seem to find the following API, if you can add an example it is very cool dude!

1. How to create a shadow with color
2. Blur the widgets or background, just like android Blurkit, flutter BackdropFilter

Was requested on Reddit!

In TextView, we can use marquee effect，but in Compose UI , how can i use marquee effect???

The build is failing with the following error.

Could not HEAD 'https://dl.bintray.com/kotlin/kotlin-eap/io/gitlab/arturbosch/detekt/io.gitlab.arturbosch.detekt.gradle.plugin/1.7.4/io.gitlab.arturbosch.detekt.gradle.plugin-1.7.4.pom'. Received status code 502 from server: Bad Gateway

The issue is related to using a composable with elevation. It causes the composables around it that don't have an elevation to not be visible.

https://github.com/vinaygaba/Learn-Jetpack-Compose-By-Example/blob/master/app/src/main/java/com/example/jetpackcompose/state/StateActivity.kt

I'm a bit confused.

A lot of stuff is now breaking including: TransitionDefinition

"Unresolved reference: TransitionDefinition"

I can build 1.0.0-rc01 under Kotlin 1.5.10 only.

Column color always Color.Green.It doesn't chang color on my samsung-galaxy-j6.

Dear Sir

this demo project use compose library is to old

when i upgrade to

compose_version = '1.0.0-beta04' <-- now 1.0.0-beta04/1.0.0-beta05/1.0.0-beta06

i get error !!

SimpleTextActivity.kt: (29, 9): Unresolved reference. None of the following candidates is applicable because of receiver type mismatch:
internal fun ViewGroup.setContent(parent: CompositionContext, content: () -> Unit): Composition defined in androidx.compose.ui.platform