如何在Compose中设置矩形的对角线渐变背景

你不用纠结预设的渐变方法，linearGradient其实支持自定义起点和终点坐标，完全能实现你要的对角线效果。直接指定左上角到右下角的偏移量就行，代码示例如下：

Box(
    modifier = Modifier
        .fillMaxSize()
        .background(
            brush = Brush.linearGradient(
                colors = listOf(Color.Green, Color.Yellow),
                start = Offset(0f, 0f), // 对应组件左上角
                end = Offset(1f, 1f)    // 对应组件右下角
            )
        )
) {
    // 这里放你的内容
}

这里的Offset用的是相对比例值，0f对应组件的边缘起点，1f对应边缘终点，不管组件尺寸多大，都能精准生成从左上绿到右下黄的对角线渐变，正好符合你要的“绿色从左上角延伸至右下角，黄色从右下角延伸至左上角”的效果。

如果之后要调整渐变角度，只需要修改start和end的Offset值就行，比如想做从右上到左下的渐变，就把start设为Offset(1f,0f)，end设为Offset(0f,1f)，同时调整颜色顺序即可。

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