问题标签 [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 回答
211 浏览

react-native - react-native-calendars 提前 1 天

在创建帖子时,它是星期五 30 日。出于某种原因,我的日历将这一天显示为星期六:

在此处输入图像描述

我的日历代码:

0 投票
0 回答
681 浏览

javascript - 选择日期范围后如何删除“react-native-calendar-picker”中的行分隔符

我正在 https://www.npmjs.com/package/react-native-calendar-picker 中实现allowRangeSelection问题是在选择范围日期时,在星期二、星期三和星期四、星期五之间存在垂直线分隔符在图像中看到。

有谁知道如何删除垂直线或者这是图书馆中的一个已知问题?

我尝试放入borderSize: 0selectedRangeStyle仍然无法正常工作。

这是代码:

日历示例图片

0 投票
1 回答
469 浏览

react-native - 使用 react-native-calendars,如何从 redux 状态更新“markedDates”道具?

我想使用 react-native-calendars 来突出显示带有 'markedDates' 的事件。

我想做的是以下几点:

日历第一次呈现当前月份->调度redux操作以使用显示月份的日期更新redux状态->在markedDates中我使用一个函数来读取要从redux状态标记的日期

当更改为下个月时,同样的情况再次发生 --> 调度 redux 操作以获取当前显示月份的数据 --> 标记日期中的函数返回更新的对象

这适用于第一次渲染,但我无法动态更新markedDates 道具。

我明白,markedDates 必须是不可变的,这实际上是我的问题(我猜 - 我仍然是 react-natvie 的新手)。

完全重新渲染日历组件是可以的 - 但是 foreRender() 或 shoudComponentUpdate() 没有帮助。

有什么想法可以让这个日历组件动态化吗?或者对另一个带有日历和议程视图的组件有什么建议吗?

谢谢!

0 投票
2 回答
1112 浏览

reactjs - 如何从 react-native-calendars 中的另一个文件声明本地配置

事实是,在某些情况下,这个问题又回到了我身上。在这种情况下,我想从另一个文件(用于代码清理)声明 LOCAL CONFIG OBJECT,但不知道该怎么做。请问我能解释一下吗?

我目前的情况是文件很长且不可读。我想从另一个文件中获取“本地配置对象”:

  • react-native-calendars 的本地配置对象如下所示:

  • 我与组件的所有文件看起来像:

0 投票
1 回答
319 浏览

react-native - React Native 网格日历,看起来像 Google 日历的月视图

我想将网格日历添加到我的 React Native 应用程序中,它应该看起来像 Google 日历中的月视图(左图)。我搜索了这些库并找到了React Native Calendar,但据我所知,它只能给我类似于右图的日历类型。React Native Calendar是否有任何技巧可以制作网格日历,或者是否有任何 React Native 库支持制作网格日历?

Google 日历的月份视图

0 投票
1 回答
577 浏览

react-native - 是否可以将反应本机日历的减月()函数转发到按钮等不同的组件?

我正在为应用程序构建一个日历页面,并希望月份和月份更改箭头显示在日历旁边而不是在其顶部。所以我删除了 header 组件,在它旁边创建了一个 View 组件。但是,当按下下个月按钮时,我无法弄清楚如何更改月份。

这是屏幕的图像以供参考

0 投票
0 回答
189 浏览

react-native - 如何使用 React-Native-Calendar 将事件添加到应用内日历?

我已经使用 react-native 日历构建了一个应用程序日历,我希望用户能够向日历添加或删除约会,但无法弄清楚这部分。用户将被允许提前一周安排。我该怎么办?

这是我生成日历的代码:

0 投票
1 回答
82 浏览

reactjs - 如何全局更改时刻配置

我使用 react-native 日历来配置时刻,如下所示:

而且我在我的组件中使用了时刻,我想配置日期,如:

我的问题我不知道如何将它贴一次,然后将它导入到我需要的每个组件中(因为我有很多组件需要使用它)

我如何可以一次声明它并只用一行导入它的问题。因为现在我必须将所有长代码(上面的代码)放在每个组件中

(我用 mern react native 构建我的应用程序)

0 投票
1 回答
61 浏览

javascript - 类组件转换为函数组件后的问题

将此文件中的所有内容转换为功能后,我遇到了一些错误,因此我可以使用钩子。

"2020-12-22 is not a function当我按下 calendarStrip 组件上的日期时出现此错误。

调用堆栈。告诉我问题出在 onDateSelected 上,您可以在下面的代码中找到。这让我想知道我是否搞砸了 useStates,因为一切都在类组件中工作?

带有使用状态和日历条组件的代码

0 投票
0 回答
691 浏览

react-native - react-native-calendars 更新 CalanderList 开始月份的状态变化

在下面的日期选择器中,选择日期不会更新日历列表的开始月份。我正在尝试这样做,以便当您在日期选择器上选择一个值时,开始月份会更新。

进口声明:

构造函数和函数:

反应巴别塔代码: