motionBlur 冷启动时有奇怪残影，要怎么避免？

Question

我注意到一个细节，就是冷启动页面时，如果组件设置了 .motionBlur({ radius: 0.5 })，有时候一进来就看到它模糊了一下才恢复。虽然我后面动画里有 radius = 0，但初次加载还是有突兀效果。有没有啥办法避免冷启动时自动模糊？

Answer 1

官方明确指出：一开始 radius 必须为 0，否则会有冷启动异常模糊。

@State radius: number = 0; // 默认值为 0，避免页面加载时直接模糊

.motionBlur({ radius: this.radius, anchor: { x: 0.5, y: 0.5 } })

切记不要直接写：

.motionBlur({ radius: 0.5 }) // ❌ 错误，会引发冷启动异常