Hello everyone, I’m developing an Android app using Jetpack Compose and need to insert an ad banner ...

# compose

[sk eat]

Hello everyone, I’m developing an Android app using Jetpack Compose and need to insert an ad banner (AdView) within a LazyColumn. The ad banner should not be destroyed once it’s displayed until the screen is destroyed.

However, since LazyColumn recycles its items, the AdView gets destroyed and recreated when it’s scrolled off-screen and back on-screen.

Here’s a simplified version of my code:

LazyColumn {
    items(itemsListA) { item ->
        A(item)
    }
    stickyHeader {
        B()
    }
    item {
        AdView()
    }
    items(itemsListC) { item ->
        C(item)
    }
}

Is there a way to prevent the AdView from being destroyed inside the LazyColumn?

[ephemient]

if it's an AndroidView, https://developer.android.com/develop/ui/compose/migrate/interoperability-apis/views-in-compose#androidview_in_lazy_lists

[Albert Chang]

You can also use PinnableContainer.

[sk eat]

@Albert Chang I solved the problem using the PinnableContainer you mentioned. Thank you so much!

[Colton Idle]

wait. can I use pinnable container for this?!?

https://kotlinlang.slack.com/archives/C04TPPEQKEJ/p1724079645043619

[Colton Idle]

have a new project for this weekend 🤞

[Stylianos Gakis]

It looks like it's only used for lazy lists not just anywhere

[Colton Idle]

oh darn.