Jetpack Compose中Modifier.weight属性失效问题求助

问题场景 #

在Jetpack Compose开发按钮时遇到Modifier.weight属性无法正常工作的问题，已将按钮包裹在Column组件中但问题依旧，尝试过相关解决方案但不符合需求。

问题原因 #

1. 布局属性冲突：Column配置了verticalArrangement = Arrangement.SpaceEvenly，该属性会强制子元素均匀分配可用空间，与weight基于剩余空间分配的逻辑冲突，导致weight失效。
2. Modifier顺序错误：fillMaxWidth()放在weight(1f)之前，weight的布局计算会被fillMaxWidth干扰，无法正确分配空间。
3. 代码结构不规范：部分Button的内容lambda与Button组件分开定义，虽不影响编译，但易引发布局逻辑混淆。

解决方案 #

1. 移除Column的verticalArrangement = Arrangement.SpaceEvenly配置，由weight负责分配剩余空间。
2. 调整Modifier顺序，将weight(1f)放在fillMaxWidth()之前，确保weight优先参与布局计算。
3. 保持Button的内容lambda与Button组件定义紧挨着，规范代码结构。
4. 调整TextPlayList的padding值，避免过度占用垂直空间，保证按钮有足够布局空间。

修正后的代码 #

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Greeting()
        }
    }
}

@Preview
@Composable
fun Greeting() {
    val context = LocalContext.current

    Column(
        modifier = Modifier
            .fillMaxSize()
            .background(Color.Blue)
            .padding(bottom = 28.dp)
    ) {
        TextPlayList(str = R.string.main_text_Playlist_Maker)

        Button(
            onClick = { context.startActivity(Intent(context, SearchMain::class.java)) },
            colors = ButtonDefaults.outlinedButtonColors(backgroundColor = Color.White),
            shape = RoundedCornerShape(16.dp),
            modifier = Modifier
                .weight(1f)
                .fillMaxWidth()
                .padding(horizontal = 15.dp, vertical = 8.dp)
        ) {
            IconButton(R.drawable.ic_search_main)
            TextButton(str = R.string.main_button_search)
        }

        Button(
            onClick = { context.startActivity(Intent(context, MediaActivity::class.java)) },
            colors = ButtonDefaults.outlinedButtonColors(backgroundColor = Color.White),
            shape = RoundedCornerShape(16.dp),
            modifier = Modifier
                .weight(1f)
                .fillMaxWidth()
                .padding(horizontal = 15.dp, vertical = 8.dp)
        ) {
            IconButton(R.drawable.ic_media_main)
            TextButton(str = R.string.main_button_media)
        }

        Button(
            onClick = { context.startActivity(Intent(context, SettingMain::class.java)) },
            colors = ButtonDefaults.outlinedButtonColors(backgroundColor = Color.White),
            shape = RoundedCornerShape(16.dp),
            modifier = Modifier
                .weight(1f)
                .fillMaxWidth()
                .padding(horizontal = 15.dp, vertical = 8.dp)
        ) {
            IconButton(R.drawable.ic_setting_main)
            TextButton(str = R.string.main_button_setting)
        }
    }
}

@Composable
fun ButtonMain() {
    val context = LocalContext.current
    Button(
        onClick = { context.startActivity(Intent(context, SettingMain::class.java)) },
        colors = ButtonDefaults.outlinedButtonColors(backgroundColor = Color.White),
        shape = RoundedCornerShape(16.dp),
        modifier = Modifier
            .weight(1f)
            .fillMaxWidth()
            .padding(17.dp, 8.dp, 15.dp, 0.dp)
    ) {
        IconButton(draw = R.drawable.ic_setting_main)
        TextButton(str = R.string.main_button_setting)
    }
}

@Composable
fun IconButton(draw: Int) {
    Icon(
        painter = painterResource(id = draw),
        contentDescription = "Setting",
        modifier = Modifier.padding(10.dp),
        tint = Color.Black
    )
}

@Composable
fun TextButton(str: Int) {
    Text(
        text = stringResource(id = str),
        fontSize = 22.sp,
        color = Color.Black
    )
}

@Composable
fun TextPlayList(str: Int) {
    Text(
        text = stringResource(id = str),
        fontSize = 22.sp,
        color = Color.White,
        modifier = Modifier
            .fillMaxWidth()
            .padding(16.dp, 14.dp, 16.dp, 40.dp)
    )
}

内容的提问来源于stack exchange，提问作者Rinat