Ok y’all, how do you draw a view that has no children but has a color background? ```Surface( co...

# compose

[bohregard]

Ok y’all, how do you draw a view that has no children but has a color background?

Surface(
    color = Color(0xFFFF0000),
    modifier = Modifier.width(5.dp).fillMaxHeight()
) {
    Text("")
}

I’ve got this, but if I remove the Text item the color isn’t drawn which is really all I care about

[Archie]

You could use a Box instead.

[Foso]

You could use a Box https://foso.github.io/Jetpack-Compose-Playground/foundation/box/

[bohregard]

Hmm that doesn’t work

[bohregard]

Box(
                        backgroundColor = MaterialTheme.colors.primary,
                        modifier = Modifier.width(5.dp).fillMaxHeight()
                    )

[bohregard]

That doesn’t draw anything unless I add a child

[bohregard]

hmm, I think the issue that I”m running into is that fillMaxHeight() must not know about the actual height of the item being drawn

[bohregard]

if I hardcode a real height it’s fine

[bohregard]

Card(modifier = Modifier.fillMaxWidth().padding(10.dp)) {
                Row {
                    Box(
                        backgroundColor = MaterialTheme.colors.primary,
                        modifier = Modifier.width(5.dp).height(100.dp)
                    ) {}

                    Column(
                        modifier = Modifier.padding(start = 5.dp).fillMaxWidth().fillMaxHeight()
                    ) {
                        Text(
                            text = it.seriesName
                        )
                        Text(
                            text = it.title
                        )
                        Text(
                            text = LocalDateTime.ofInstant(it.airDateUtc, ZoneId.systemDefault())
                                .toString()
                        )
                    }
                }
            }

[Archie]

the code you sent worked for me...

Box(
    backgroundColor = MaterialTheme.colors.primary,
    modifier = Modifier.width(5.dp).fillMaxHeight()
)

worked just fine..

[Archie]

what compose version are you on?

[bohregard]

dev15

[Archie]

try specifying the height of the Card to say a fixed height or to wrap...

[bohregard]

specifying the content size works (ie height(100.dp)) but wrap content size or wrap content height doesn’t work