Jetpack Compose中Stripe Setup API性能问题：视图动画卡顿

• 升级Stripe依赖版本
  你当前使用的20.21.1版本相对老旧，Stripe后续版本针对Compose场景修复了不少动画渲染问题。建议升级到最新稳定版，比如：

  implementation 'com.stripe:stripe-android:25.12.0'
  

• 调整PaymentSheet的启动时机
  直接在LaunchedEffect中启动PaymentSheet可能和当前Compose的UI帧渲染抢占资源，导致动画卡顿。可以尝试两种优化方式：

  1. 短延迟启动，避开当前UI渲染压力：

     LaunchedEffect(key1 = clientSecret) {
         if (clientSecret.isNotEmpty()) {
             delay(100) // 让当前UI帧完成渲染后再启动
             val args = PaymentSheetContract.Args.createSetupIntentArgs(clientSecret)
             stripeLauncher.launch(args)
         }
     }
     

  2. 用指定线程调度确保启动逻辑执行时机：

     LaunchedEffect(key1 = clientSecret) {
         if (clientSecret.isNotEmpty()) {
             withContext(Dispatchers.Main.immediate) {
                 val args = PaymentSheetContract.Args.createSetupIntentArgs(clientSecret)
                 stripeLauncher.launch(args)
             }
         }
     }
     

• 检查硬件加速配置
  Stripe PaymentSheet的动画依赖硬件加速，确保AndroidManifest.xml的application标签开启了硬件加速：

  <application
      ...
      android:hardwareAccelerated="true">
  

• 避免启动前的重型UI操作
  如果启动PaymentSheet前，当前页面正在执行复杂布局计算、数据加载等重型操作，会挤占UI线程资源。确保这些操作完成后再触发PaymentSheet启动，比如监听页面加载完成状态：

  LaunchedEffect(key1 = Pair(clientSecret, isPageLoaded)) {
      if (clientSecret.isNotEmpty() && isPageLoaded) {
          val args = PaymentSheetContract.Args.createSetupIntentArgs(clientSecret)
          stripeLauncher.launch(args)
      }
  }
  

• 排查全局动画配置冲突
  检查项目中是否自定义了LocalAnimationClock、修改了默认动画时长或插值器，这些全局配置可能和Stripe内部动画逻辑冲突。暂时恢复默认动画配置测试，看卡顿是否消失。

内容的提问来源于stack exchange，提问作者Hicham El-Abbadi