Root component’s dimensions inconsistent across platforms

[swankjesse]

Here’s a composition with a label that draws wider than the screen.

    @Composable
    override fun Show(flow: CashFlow.Environment, scope: CoroutineScope) {
      Column(
        width = Constraint.Wrap,
      ) {
        Text("hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello ")
      }
    }

And here’s what that looks like on an iOS and Android device:

These should be the same.

[JakeWharton]

Related: #1859

[swankjesse]

Looking into this now. On iOS our root view doesn’t care if its child component’s dimensions exceed its own. Here I’ve got a label that’s 965px wide in a parent that’s 393px wide.

[swankjesse]

Root layout is pass-through

The root layout should be a pass-through layout:

• On measure, it should forward its parent’s constraints down to its children.
• On layout, its children should be forced to exactly match the parent.

I need to confirm we’re doing this on both platforms.

[swankjesse]

Column(width = WRAP) is different between platforms

    Box(
      width = Constraint.Fill,
      height = Constraint.Fill,
    ) {
      Column(
        width = Constraint.Wrap,
      ) {
        Text(
          modifier = Modifier.margin(Margin(start = 350.dp)),
          text = "hello_world"
        )
      }
    }

On Android we don’t permit child components to exceed the columns’ own bounds. On iOS we do.

Android

iOS

We should pick one and be consistent.