https://kotlinlang.org logo
Channels
Powered by
#compose
Title
# compose
h

Hanzhen

08/16/2020, 10:11 PM
Hi, is it possible to implement edge-to-edge by compose atm?
r

romainguy

08/16/2020, 10:13 PM
What's edge to edge?
u

ursus

08/16/2020, 11:05 PM
Drawing behind system bars
z

Zach Klippenstein (he/him) [MOD]

08/16/2020, 11:33 PM
Don't see why not. Composables are hosted in Android views, so anywhere a view can go, a composable can go.
👆 2
u

ursus

08/17/2020, 12:30 AM
he probably also means observing window insets to add padding bottom to recycling lists (with the clipPadding = false effect)
h

Hanzhen

08/17/2020, 7:06 AM
Exactly. How can I get Android view that hosts Composable?
t

Timo Drick

08/17/2020, 7:30 AM
I do it currently on my self but i think there will be also an easier Compose way soon.
Copy code
private var insets by mutableStateOf(WindowInsetsCompat.Builder().build())

    private val systemWindowInsetListener = { view: View, insets: WindowInsetsCompat ->
        this.insets = insets
        insets
    }
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        ViewCompat.setOnApplyWindowInsetsListener(window.decorView.rootView, systemWindowInsetListener)
        setContent {
                AppThemeTransparent {
                    val insetPadding = with(DensityAmbient.current) {
                        val ltr = ConfigurationAmbient.current.localeLayoutDirection == LayoutDirection.Ltr
                        with(insets) {
                            InnerPadding(
                                    start = if (ltr) systemWindowInsetLeft.toDp() else systemWindowInsetRight.toDp(),
                                    top = systemWindowInsetTop.toDp(),
                                    end = if (ltr) systemWindowInsetRight.toDp() else systemWindowInsetLeft.toDp(),
                                    bottom = systemWindowInsetBottom.toDp()
                            )
                        }
                    }
👍 1
z

Zach Klippenstein (he/him) [MOD]

08/17/2020, 8:20 AM
ViewGroup.setContent
h

Hanzhen

08/17/2020, 11:12 AM
I created an ambient for it.
z

Zach Klippenstein (he/him) [MOD]

08/17/2020, 3:23 PM
Neat! There are a few issues with that code though: Don't do things like register listeners directly during composition. This function will set a new listener on every composition pass, which is unnecessary. It's can also be incorrect - it will set the listener even if the composition fails. It also leaks - this code doesn't remove the listener when the function is removed from the composition (parent stops calling it). To fix all of these, set the listener inside an 
onActive
block, and use 
onDisposed
to clean up. Also FYI you can share larger code snippets in slack, with syntax highlighting, by posting a Snippet.
👍 1
I also don't think you need to pass a View in, you can get the hosting view from 
ViewAmbient
.
h

Hanzhen

08/17/2020, 7:05 PM
I can not get window inset with 
onActive
, but I can by wrapping it in 
remember
. Is it a bug? Also 
ViewAmbient
can only be called inside Composable context.
c

cb

08/17/2020, 8:44 PM
Just going to leave this here: https://goo.gle/compose-insets. Still early days for it, but it should do everything you need
👍 4
3 Views
Powered by