【问题标题】:Strange behavior of iOS datepicker in react-native 0.63.3react-native 0.63.3 中 iOS 日期选择器的奇怪行为
【发布时间】:2020-10-24 12:53:42
【问题描述】:

我在我的应用程序中使用日期选择器,直到 RN 更新到 0.63,它们工作正常。在 iOS 上,“日期”模式下的日期选择是通过在 3 个垂直旋转的“鼓”上选择值来完成的:日期、月份和年份。现在更新后它看起来像这样:

  1. 这是用户看到的,而不是“鼓”。该区域不可旋转也不可滑动,仅响应点击突出显示的日期。

  2. 这是用户点击突出显示的日期后看到的内容

它有点工作,但提供了极其复杂的用户体验。我想知道这是否是“新规范”,或者是否有一种方法可以配置/破解底层本机组件以恢复以前的行为。我使用的确切组件是 xgfe/react-native-datepicker。我还尝试切换到较新的@react-native-community/datetimepicker,但结果大致相同,首先打开这个奇怪的中间控件,如果单击 - 打开日历模式。

【问题讨论】:

    标签: ios react-native datepicker


    【解决方案1】:

    我刚刚发现@react-native-community/datetimepicker 为 IOS 公开了一个“显示”属性(可能的值:'default'、'compact'、'spinner'、'inline'),它决定了哪个确切的 UI 驱动程序使用。 'spinner' 渲染每个 IOS 用户都习惯的提到的'drums','inline' 渲染日历。我假设“默认”可能会有所不同,但在我的情况下,它产生的结果与“紧凑”相同,这就是你在上面看到的。显然,在不公开此类属性的旧 RN 组件中,将使用默认驱动程序,可能会导致各种不便。

    【讨论】:

    • 是否有需要实施的解决方案?我也有同样的问题。
    • 你仔细阅读答案了吗?请使用 DateTimePicker 组件的“显示”属性。如上所述,可能的值是'default'、'compact'、'spinner'、'inline'。 “紧凑”会产生问题中描述的奇怪 UI,如果未明确提供属性,则可能是默认值。我个人选择了“微调器”。
    猜你喜欢
    • 2021-02-28
    • 1970-01-01
    • 2023-03-16
    • 2022-01-23
    • 2019-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多