基于ReactNative的日期选择模态组件开发方法及相关设备技术

本申请实施例属于研发管理领域，涉及一种基于ReactNative的日期选择模态组件开发方法，包括通过ReactNative配置日期选择模态组件，并设置所述日期选择模态组件的样式布局；配置日期数据，将所述日期数据绑定至所述日期选择模态组件中；接收到从所述日期数据中选择的日期，对选中的日期进行记录并回调。本申请还提供一种基于ReactNative的日期选择模态组件开发相关设备。此外，本申请还涉及区块链技术，选中的日期可存储于区块链中。本申请可以实现日期选择模态组件在不同平台上样式的统一，提高开发效率，降低时间和工作成本。降低时间和工作成本。降低时间和工作成本。

【技术实现步骤摘要】
基于ReactNative的日期选择模态组件开发方法及相关设备


[0001]本申请涉及研发管理
，尤其涉及一种基于ReactNative的日期选择模态组件开发方法及相关设备。

技术介绍

[0002]ReactNative是目前比较流行的一种移动端混合框架，在移动端用的比较多，由于其可以在Android、iOS、H5、小程序等平台直接使用，有着强大的跨平台特性。但是，ReactNative官方提供的日期选择器在Android和iOS上呈现的视觉样式不统一，不能满足实际需求。
[0003]由于现有的日期选择器基本都是基于Android和iOS原生而开发，再由ReactNative去通过桥接方法调用，大大降低了ReactNative的开发效率；此外，通过桥接方法调用，就意味着Android和iOS得分别去集成对应的日期选择器，增加了时间和工作成本，造成开发人员的工作负担。

技术实现思路

[0004]本申请实施例的目的在于提出一种基于ReactNative的日期选择模态组件开发方法及相关设备，以解决相关技术中日期选择器在不本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于ReactNative的日期选择模态组件开发方法，其特征在于，包括下述步骤：通过ReactNative配置日期选择模态组件，并设置所述日期选择模态组件的样式布局；配置日期数据，将所述日期数据绑定至所述日期选择模态组件中；接收到从所述日期数据中选择的日期，对选中的日期进行记录并回调。2.根据权利要求1所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，所述设置所述日期选择模态组件的样式布局的步骤包括：定义所述日期选择模态组件的属性，并设置列表控件；将所述列表控件配置于所述属性的下部，形成所述样式布局。3.根据权利要求2所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，所述配置日期数据的步骤包括：确定年份为闰年，配置所述闰年的二月份的天数；确定所述年份为平年，配置所述平年的二月份的天数；按照预设规则为除二月份之外的其他月份，配置与月份对应的天数。4.根据权利要求3所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，所述将所述日期数据绑定至所述日期选择模态组件中的步骤包括：将所述日期数据更新到所述日期选择模态组件中；将所述日期数据绑定至所述列表控件。5.根据权利要求4所述的基于ReactNative的日期选择模态组件开发方法，其特征在于，所述将所述日期数据绑定至所述列表控件的步骤包括：将年份数据绑定至第一列表控件，并将所述年份数据从当前年份进行倒叙排列；将月份数据和日数据依次绑定至第二列表控件和第三列表控件，...

【专利技术属性】
技术研发人员：赵程，户筠，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：