Xcode预览宽度反复变化闪烁问题求助，使用SwiftUI自定义Slider组件

核心原因 #

你代码里的CustomSlider强制使用了UIScreen.main.bounds.width绑定宽度，Xcode 12预览在初始化渲染时，UIScreen.main返回的尺寸会出现临时偏差，等页面渲染完成又会矫正为正确尺寸，来回的尺寸变更会触发整个视图树反复重绘，最终表现为全页面闪烁、预览宽度频繁跳变。

修复步骤 #

第一步：移除Slider的硬编码宽度约束 #

把CustomSlider末尾的固定宽度写法删除，仅保留高度约束，宽度交给父容器自动适配即可，修改后的代码如下：

// 原来的写法
.frame(width: UIScreen.main.bounds.width - 80, height: 30)
.padding(.bottom, 37)

// 替换为以下写法
.frame(height: 30)
.padding(.horizontal, 40) // 等效原来的左右各空40、总宽度减80的效果
.padding(.bottom, 37)

这样修改后，Slider的宽度完全跟随父容器的尺寸，不再依赖全局的屏幕尺寸读取，避免了尺寸判断冲突导致的重绘。

第二步：给预览固定设备参数 #

Xcode 12默认的自适应预览模式本身也容易出现尺寸跳变，你可以直接给预览指定固定的模拟设备，彻底锁死预览尺寸：

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice("iPhone 12") // 可替换为你需要的任意设备名称
    }
}

补充说明 #

你之前怀疑的GeometryReader本身不会导致闪烁，问题出在你同时用GeometryReader读父容器宽度、又用UIScreen读全局屏幕宽度，两个来源的宽度数值不一致才会触发循环更新。修改之后所有尺寸都来自父容器传递，逻辑统一就不会出现跳变问题了。

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