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

kartoffelsup

03/21/2020, 4:15 PM
How can we apply LayoutPadding to all children of either Column or Row?
a

Adam Powell

03/21/2020, 6:29 PM
Copy code
Column {
    val padding = LayoutPadding(...)
    MyChild1(modifier = padding)
    MyChild2(modifier = padding)
    // ...
}
you can reuse modifiers on more than one child
k

kartoffelsup

03/21/2020, 6:36 PM
Ah thanks 🙂 So there is no way to let the children inherit this?
a

Adam Powell

03/21/2020, 6:39 PM
You could write your own version of 
Row
or 
Column
using the 
Layout()
composable, but short of that, no
k

kartoffelsup

03/21/2020, 6:39 PM
Okay, thanks 🙂 I think the re-use solution will do. Thanks again for helping 🙂
👍 1
a

Adam Powell

03/21/2020, 6:40 PM
Out of curiosity, do you have a snippet of your specific code where you wanted this?
k

kartoffelsup

03/21/2020, 6:41 PM
Oh, I'm just playing around. I have 3 buttons in a Row and I wanted to pad them equally.
Copy code
CenteredRow {
            Button(modifier = LayoutPadding(end = 5.dp), onClick = { navigateTo(Screen.Login) }) {
                Text(text = "Click Me!")
            }
            if (user != null) {
                Button(modifier = LayoutPadding(end = 5.dp), onClick = {
                    GlobalScope.launch {
                        val result = MessageService.send(user.userId, "Hello There!", user)
                        withContext(Dispatchers.Main) {
                            messageHolder.message = result.fold({ it }, { it.messageId })
                        }
                    }
                })
                {
                    Text(text = "Send Test Message")
                }
                Button(onClick = { UserService.logout() }) {
                    Text(text = stringResource(R.string.logout_buton_text))
                }
            }
        }
a

Adam Powell

03/21/2020, 6:42 PM
in general we've been working from the principle that applying layout modifications in a sort of scope like the question implied is intrinsically pretty confusing, it was how we initially moved away from a 
Padding {}
composable that applies the padding to each child regardless of the parent layout into the explorations that became modifiers
given that code putting the common modifiers into a 
val
and reusing is probably your best bet, or having a custom layout for that 
CenteredRow
k

kartoffelsup

03/21/2020, 6:45 PM
Thanks, makes sense that you decided to not apply to children. I will go with the re-using 
val
for now 🙂
👍 1
2 Views
Powered by