[發明專利]基于ReactNative的日期選擇模態組件開發方法及相關設備

在審

• 申請號: 202011532079.4
• 申請日: 2020-12-22
• 公開（公告）號: CN112650491A
• 公開（公告）日: 2021-04-13
• 發明（設計）人: 趙程;戶筠
• 申請（專利權）人: 平安普惠企業管理有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 深圳市世聯合知識產權代理有限公司 44385
• 代理人: 汪琳琳

本申請實施例屬于研發管理領域，涉及一種基于ReactNative的日期選擇模態組件開發方法，包括通過ReactNative配置日期選擇模態組件，并設置所述日期選擇模態組件的樣式布局；配置日期數據，將所述日期數據綁定至所述日期選擇模態組件中；接收到從所述日期數據中選擇的日期，對選中的日期進行記錄并回調。本申請還提供一種基于ReactNative的日期選擇模態組件開發相關設備。此外，本申請還涉及區塊鏈技術，選中的日期可存儲于區塊鏈中。本申請可以實現日期選擇模態組件在不同平臺上樣式的統一，提高開發效率，降低時間和工作成本。

技術領域

本申請涉及研發管理技術領域，尤其涉及一種基于ReactNative的日期選擇模態組件開發方法及相關設備。

背景技術

ReactNative是目前比較流行的一種移動端混合框架，在移動端用的比較多，由于其可以在Android、iOS、H5、小程序等平臺直接使用，有著強大的跨平臺特性。但是，ReactNative官方提供的日期選擇器在Android和iOS上呈現的視覺樣式不統一，不能滿足實際需求。

由于現有的日期選擇器基本都是基于Android和iOS原生而開發，再由ReactNative去通過橋接方法調用，大大降低了ReactNative的開發效率；此外，通過橋接方法調用，就意味著Android和iOS得分別去集成對應的日期選擇器，增加了時間和工作成本，造成開發人員的工作負擔。

發明內容

本申請實施例的目的在于提出一種基于ReactNative的日期選擇模態組件開發方法及相關設備，以解決相關技術中日期選擇器在不同平臺呈現的視覺樣式不一樣，且需要通過橋接方進行調用，降低了開發效率的問題。

為了解決上述技術問題，本申請實施例提供一種基于ReactNative的日期選擇模態組件開發方法，采用了如下所述的技術方案：

通過ReactNative配置日期選擇模態組件，并設置所述日期選擇模態組件的樣式布局；

配置日期數據，將所述日期數據綁定至所述日期選擇模態組件中；

接收到從所述日期數據中選擇的日期，對選中的日期進行記錄并回調。

進一步的，所述設置所述日期選擇模態組件的樣式布局的步驟包括：

定義所述日期選擇模態組件的屬性，并設置列表控件；

將所述列表控件配置于所述屬性的下部，形成所述樣式布局。

進一步的，所述配置日期數據的步驟包括：

確定年份為閏年，配置所述閏年的二月份的天數；

確定所述年份為平年，配置所述平年的二月份的天數；

按照預設規則為除二月份之外的其他月份，配置與月份對應的天數。

進一步的，所述將所述日期數據綁定至所述日期選擇模態組件中的步驟包括：

將所述日期數據更新到所述日期選擇模態組件中；

將所述日期數據綁定至所述列表控件。

進一步的，所述將所述日期數據綁定至所述列表控件的步驟包括：

將年份數據綁定至第一列表控件，并將所述年份數據從當前年份進行倒敘排列；

將月份數據和日數據依次綁定至第二列表控件和第三列表控件，并將所述月份數據和日數據進行順序排列。

進一步的，所述接收到從所述日期數據中選擇的日期，對選中的日期進行記錄并回調的步驟包括：

設置所述列表控件的滾動距離，按照所述滾動距離滾動所述列表控件進行日期選擇，記錄選中的日期；