You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SwipeAction使用.tint() modifier无法更改背景颜色求助

问题解决方法

你的问题出在**.swipeActions的附加位置错误**——你把它加到了Text视图上,而不是列表行的容器视图(外层的Button),导致侧滑按钮的样式无法正确应用。

修正后的代码如下:

List {
    Button {
        // 点击行的逻辑
    } label: {
        Text("Check in")
    }
    .swipeActions {
        Button {
            // 侧滑按钮的逻辑
        } label: {
            Text("Check in")
        }
        .tint(.red) // 这里设置的是按钮的前景色,背景会自动匹配对应色调的深色
    }
}

关键说明

  • .swipeActions必须附加到List的行级视图上(比如这里的外层Button),而不是行内的子视图(比如Text)。
  • .tint(.red)会同时设置按钮的文字/图标颜色,以及侧滑时的背景色(系统会自动生成对应色调的背景),这样就能看到红色的侧滑背景了。

内容的提问来源于stack exchange,提问作者peppe

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.05 00:55:20