IssueTracker

Jetpack Compose release version: beta06

Android Studio Build:
    Android Studio Arctic Fox | 2020.3.1 Canary 15
    Build #AI-203.7717.56,2031,7321754, built on April 29,2021

Hello,

After updating to beta06, i encountered a bug with spacedBy modifier in row:

Following code:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.BorderStroke
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.Button
import androidx.compose.material.ButtonDefaults
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.Color.Companion.Red
import androidx.compose.ui.graphics.Color.Companion.White
import androidx.compose.ui.unit.dp
import androidx.compose.ui.window.Dialog
import com.example.myapplicationterset.ui.theme.MyApplicationTersetTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyApplicationTersetTheme {
                // A surface container using the 'background' color from the theme
                Surface(color = MaterialTheme.colors.background) {
                    DialogTest()
                }
            }
        }
    }
}

@Composable
fun DialogTest() {
    Dialog(onDismissRequest = {}) {
        Surface(
            shape = RoundedCornerShape(8.dp),
            color = White,
            modifier = Modifier
                .width(300.dp)
                .height(200.dp)
        ) {
            Column(
                horizontalAlignment = Alignment.CenterHorizontally,
                verticalArrangement = Arrangement.Center
            ) {

                Row(
                    horizontalArrangement = Arrangement.spacedBy(6.dp),
                    modifier = Modifier
                        .padding(horizontal = 12.dp)
                ) {
                    DialogButton(
                        backgroundColor = Red,
                        modifier = Modifier
                            .fillMaxWidth()
                            .height(44.dp)
                            .weight(1f),
                        text = "button1",
                    )

                    DialogButton(
                        backgroundColor = Red,
                        modifier = Modifier
                            .fillMaxWidth()
                            .height(44.dp)
                            .weight(1f),
                        text = "button2",
                    )
                }
            }
        }
    }
}


@Composable
fun DialogButton(
    backgroundColor: Color,
    modifier: Modifier,
    text: String,
    border: BorderStroke? = null,
    state: Boolean = true
) {
    Button(
        onClick = { },
        border = border,
        enabled = state,
        shape = MaterialTheme.shapes.medium,
        colors = ButtonDefaults.buttonColors(backgroundColor = backgroundColor),
        modifier = modifier
    ) {
        Text(text = text)
    }
}

Will work differently on beta05 and beta06 (image attached)

Tested on Pixel4 Huawei P30 Lite