Application Freezes when Date Picker is Opened and User Selects a Date

未关闭
  • 哪里不对？
#834 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
javascript, react-native
领域
mobile

调研方向

Start by identifying the iOS date picker implementation and its tests, then investigate how selecting a date affects the app when the picker is opened on an iPad running iOS 16.6. The report does not name a source file or test, and the reporter could not reproduce the freeze; done means reproducing the issue and confirming the app remains responsive after selecting a date.

由索引模型根据 Issue 内容生成。

描述

Bug report

Summary

A user for my app just reported a bug. I cannot reproduce it but they have sent screenshots of the problem.

The user said that when they open the date picker, and select a date, the entire application freezes. Nothing will respond except the date popup window. Everything else is frozen. They have to close the app and restart it for it to work again.

The logs indicate the user is using an "iPad8,6" with a system version of "16.6". In the support email, the user said they installed the app right onto their MacBook Air 2020. If so, that is very strange because the app is only build for iOS, Android, and iPads.

I tried creating an emulator with that iPad version and os version but I could not reproduce the issue. I also noticed that their screenshot had vertical arrows but I could not get them to showup for me.

image

Reproducible sample code

import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
import BottomSheet from '@gorhom/bottom-sheet';

// ...

  <DateTimePicker
    testID="dateTimePicker"
    value={myDate}
    mode={'date'}
    is24Hour={true}
    maximumDate={maxDate}
    onChange={(event, date) => {
        setMyDate(date ?? new Date());
    }}
  />

Steps to reproduce

  1. Open the date picker
  2. Select a date
  3. Try to close the date picker

Describe what you expected to happen:

Expected: Date picker closes and app responds
Actual: Date picker does not close and app is unresponsive

Environment info

package versions
@gorhom/bottom-sheet => 4.4.7
@react-native-community/datetimepicker => 7.6.1

This issue happens in two places. One of them is inside a bottom sheet. The other is not. Both places this issue happens. I am including the bottom sheet because I saw somewhere on here someone has a similar issue where their picker was also inside a bottom sheet.

npx react-native info output:

System:
    OS: macOS 13.4.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 30.89 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 19.5.0 - ~/.nvm/versions/node/v19.5.0/bin/node
    Yarn: Not Found
    npm: 9.3.1 - ~/.nvm/versions/node/v19.5.0/bin/npm
    Watchman: 2023.06.08.00 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.11.3 - /Users/jordanwagner/.rvm/gems/ruby-3.0.2/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 22.4, iOS 16.4, macOS 13.3, tvOS 16.4, watchOS 9.4
    Android SDK: Not Found
  IDEs:
    Android Studio: 2022.1 AI-221.6008.13.2211.9619390
    Xcode: 14.3.1/14E300c - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.13 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.2.0 => 18.2.0 
    react-native: ^0.71.10 => 0.71.10 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Time zone name (If the problem you have is related to unexpected time / date. See list in https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).

datetimepicker version: 7.6.1
iOS / Android version: iOS 16.6

originally, the datetimepicker version was 7.0.1. I installed the latest version but that did not help the user. They said they still had the issue.

Again, I could not reproduce this issue. I know I am suppose to only post reproducible issues but I figured maybe someone on here has some insight. I tried setting up multiple simulators but I could not. I also tried to install the app on my macbook but the app store doesn't give me the option. They said this only happens on their macbook, not their android. I am trying to get more info from them but have not heard back yet.

Thanks

主要语言
JavaScript
星标
2.9k
派生
459
平均合并
4 天 16 小时
30 天内合并 PR
5

环境准备

从这里开始

  1. 先读完整个 Issue，再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库，在一个分支上完成修改。
  4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

react-native-datetimepicker/datetimepicker 的其他 Issue

查看 react-native-datetimepicker/datetimepicker 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。