Channels
#compose
Title
c
Chethan
10/09/2020, 11:22 AMHi , How can I give layout margin around the view ? margin means the space outside the view, however padding means the space inside the view , why does it so complex to make here in the Compose ? I am not seeing any example of it ?
a
Ali Albaali
10/09/2020, 12:53 PMYou can use Spacer for margins and Modifier.padding for padding
s
Se7eN
10/09/2020, 1:10 PMMargin and padding mean the same things in compose. What matters is where you add it.
This acts like a margin:
Copy code
Modifier
.padding(8.dp)
.background(Color.Red) Copy code
Modifier
.background(Color.Red)
.padding(8.dp)a
Ali Albaali
10/09/2020, 1:11 PMI agree. that's another way of doing
c
Chethan
10/09/2020, 1:12 PMoh.. is that so .. ! I am suppressed
I was trying to leave space around the card view in order to align with background color of list view . I got mad searching all over place to make this happen
s
Se7eN
10/09/2020, 1:15 PMI think this was mentioned in a codelab or a video I don't remember which one
c
Chethan
10/09/2020, 1:16 PMPlease have look on this screen shot, this is what happened after adding padding
Copy code
Card(
modifier = Modifier
.padding(8.dp)
.background(Color.Red)
) {s
Se7eN
10/09/2020, 1:19 PMThe Card's backgroundColor is being displayed over the background from your modifier
c
Chethan
10/09/2020, 1:20 PMOkey, I got it, first put the background color and then have padding to make Margin
Copy code
Card(
modifier = Modifier.background(Color.Red)
.padding(8.dp)
)Thank you
s
Se7eN
10/09/2020, 1:21 PMGreat, so you needed a colored border around the card?
If yes, you can also pass a
borderCardc
Chethan
10/09/2020, 1:27 PMHow can I ? example ?
s
Se7eN
10/09/2020, 1:28 PM Copy code
Card(border = BorderStroke(2.dp, Color.Red))c
Chethan
10/09/2020, 1:52 PMThanks
7 Views