问题标签 [react-native-calendars]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
57 浏览

javascript - 从父组件更新子组件道具反应原生

我想从父组件更新子组件道具我的场景是我有一个组件,我正在传递一个来自 API 响应的数组列表,所以下面是我的代码

在上面的代码中,LineValue 是我的数组列表,它来自 API 端,当我更改月份时,我调用了 onVisibleMonthsChange 道具,我得到了新更新的月份和年份,所以我再次为此调用 API 并填写新的我更新的数组参考我的 getChangeMonth 方法如下

onResponseCalendarCount 回调我在LineValue 下填充了更新的arraylist,但是在DateRangePicker 中,当我打印它的道具时,我没有得到更新的arraylist,所以有人知道我该如何解决这个问题?欢迎您提出所有建议

0 投票
1 回答
86 浏览

react-native - 样式化日容器背景

有没有用 react-native-calendars 设置日标题容器的背景?我检查了样式表,除了改变我不想做的整个背景的颜色之外,无论如何都找不到改变颜色的方法。

0 投票
1 回答
95 浏览

react-native - 如何计算 react-native-calendars 中的选定日期?

我有一个问题。对于我的 react-native 项目,我使用 react-native-calendars,我需要能够计算日历中选定天数。我阅读了该库的文档,但没有找到解决方案。有谁知道如何做到这一点?  

0 投票
1 回答
1564 浏览

reactjs - 用全圆角反应本机日历周期标记

请参考下面的日历图片。

带有句号的圆角

我使用了 react-native-calendarsnpm库,现在我想像上面那样实现它。

请忽略点标记只考虑带有句点标记的开始和结束日期

但是,我只用周期标记实现了一半的开始和结束日期。请参考下图。

半角开始和结束日期图像

现在我需要用react-native-calendars. 任何人都请帮助我实现这一目标。这个库可以吗?或者是否有任何react native相关的图书馆来实现这一目标?

0 投票
1 回答
1036 浏览

javascript - 将 JSON 数据项加载到 React Native Calendar Agenda

我正在尝试将 JSON 数据加载到我的日历议程中,但我做不到。也没有太多关于如何通过将 JSON 与日期进行比较来将它们加载到议程项目中的文档。有人可以帮帮我吗。这是我的 JSON 数据。我正在尝试使用 Agenda_TimeStamp 字段加载特定日期的项目。我有另一个页面,我将数据发布到我的 sql 数据库中,我从中提取数据。我想显示与 Agenda_Timestamp 相关的特定日期的 JSON 数据的内容

我正在尝试使用此反应本机代码将这些数据加载到议程中

0 投票
1 回答
1269 浏览

javascript - react-native-calendars ExpandableCalendar 在本机反应中不能与 RTL 一起正常工作

我正在尝试使用来自 https://github.com/wix/react-native-calendars的 ExpandableCalendar

我的应用程序设置为 RTLReactNative.I18nManager.allowRTL(true); ReactNative.I18nManager.forceRTL(true);

当日历展开并且我试图更改月份时,它不会显示下个月或上个月的新日期,它只是显示与标题月份不同的月份名称。

但是将 RTL 设置为 false 可以解决问题。有没有将 RTL 设置为 false 的解决方案?

通过向右/向左滑动或单击箭头更改月份来更改月份后的图像:

在此处输入图像描述

0 投票
1 回答
1370 浏览

react-native - React Native Calendars:如何更改议程中仅一项的背景?

我正在尝试更改此议程中仅一项的背景,但是使用我的代码,当我单击一个项目时,它会更改所有项目的背景颜色,而不仅仅是我单击的那个:单击项目屏幕之前的 屏幕点击后

问题在于只知道如何更改议程中一个项目的样式,而不是所有项目的样式。

这是我的代码:

非常感谢您的帮助

0 投票
1 回答
283 浏览

json - 在显示 React 原生日历事件方面需要帮助

我对原生反应有点陌生,并且在一段时间内一直在搞乱 JSON。我想用日历事件视图显示我的 json 数据。我需要帮助将 activity_periods 数据传递给每个用户的日历。

这是我的 Json 文件数据:

使用 flatlist 显示用户数据的代码:

在这里帮我解决这个问题。我的日历视图代码如下:

0 投票
1 回答
735 浏览

react-native - React Native Calendars:如何使用 Redux 仅更改一项的背景颜色

我正在尝试更改此议程中仅一项的背景,但是使用我的代码,当我单击一项时,它会更改所有项的背景颜色,而不仅仅是我单击的一项:单击前单击 后单击。我还想将我的状态值存储在 redux 中,以便我可以在我的应用程序的其他地方显示屏幕,同时保留绿色。

这是我日历中的代码:

这是我的减速器:

这是我的行动:

非常感谢您的帮助!

0 投票
0 回答
97 浏览

react-native - react-native-calendars 根据来自 API 的信息动态着色日期

我正在做一个项目,其中应包括每天的日历和每小时预订清单。我遇到了一个问题,我需要在markedDates 对象中设置来自rest api 的数据。

这是我从 api 得到的对象

响应的意思是,预订是从 2020-10-01 到 2020-10-31,除了所有的星期一和星期四,还有 2020-10-13 dateTime from 和 To 代表预订开始日期和结束日期,dom 和 dow代表一个月的封锁天数,dom : '2020-10-13' 表示第 10 个月的第 13 天被封锁,而 dow : 1,4 代表所有的星期一和星期四都被封锁。

是否可以使用 react-native-calendars 来实现这一点,或者我应该使用其他东西/创建自定义组件?