react-native调用第三方库react-native-image-picker，快速点击绑定 ImagePicker.showImagePicker方法的按钮时，安卓上App闪退的解决方法

最新推荐文章于 2025-05-13 16:51:53 发布

Canton_jack

最新推荐文章于 2025-05-13 16:51:53 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS reac-native

本文链接：https://blog.youkuaiyun.com/Canton_jack/article/details/88352090

JS 同时被 2 个专栏收录

7 篇文章

订阅专栏

reac-native

3 篇文章

订阅专栏

本文介绍了一个在安卓应用开发中遇到的问题：当用户在短时间内快速双击按钮时，App出现闪退现象。通过在TouchableOpacity组件上设置禁用状态并结合定时器控制ImagePicker的延迟执行，成功避免了此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近开发一个功能遇到了这个问题，一般情况下点击是没有问题的，但是在100-200毫秒内如果快速点击2次以上，安卓上App就会闪退。最初的想法是在TouchableOpacity上设置disabled 加上定时器控制，结果快速点击还是依旧有问题。

最后是在禁用TouchableOpacity的同时，将ImagePicker.showImagePicker放到定时器中延迟500毫秒执行（定时器应遵循先clear再开的原则），算是解决了这个问题

  if (_this.state.selectDisabled) return
  _this.setState({ selectDisabled: true })
  clearTimeout(_this.selectTimer)
  _this.selectTimer = setTimeout(() => {
    ImagePicker.showImagePicker(photoOptions, (response) => {
      console.info('Response = ', response)
    if (response.didCancel) {
      console.info('User cancelled photo picker')
    } else if (response.error) {
      console.info('ImagePicker Error: ', response.error)
    } else {
      if (response.fileSize / (1024 * 1024) > MAX_SIZE) {
        Actions.popups({ alert: '当前图片过大,请重新选择' })
        return
      }
      // 处理图片相关代码
    }
    })
   }, 500)