问题标签 [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 投票
4 回答
1335 浏览

reactjs - 反应本机日历

描述

我今天才开始使用这个组件,但实现似乎不像 demo/examples/docs 显示的那样工作。

预期行为

我原以为从 2018-12-10 到 2018-12-15 的日子会被绿色填满,包括中间的日子。

观察到的行为

现实情况是,这两天都被绿色填满,但中间的日子没有任何事情发生(它们没有连接)。

环境

  • “反应原生”:“0.57.4”,
  • “反应本机日历”:“^1.21.0”
  • 测试:红米 Note 4 (Android 7.0)

可重现的演示

这是我日历的代码:

0 投票
1 回答
708 浏览

react-native - React Native:在 React Native 日历的标题中添加一个图标

我正在寻找一种在标题右侧添加图标并使用该图标在月视图和周视图之间切换的方法。

我正在使用CalendarList组件进行月视图和Agenda组件进行周视图。

我正在使用这个库react-native-calendars

在此处输入图像描述

0 投票
2 回答
998 浏览

javascript - react-native:将完整的状态从一个组件发送到另一个组件?

我有Reminder component一个表单,我在其中存储文本和日期 onClick 使用AsyncStorage.

现在,我想在Agenda Component.

我正在使用Agenda componentreact-native-calendarsreact -native-calendars

这是我的reminder component

这是屏幕Reminder screen

这是我要显示该数据的组件Agenda Component

这是它的屏幕Agenda Screen

我对 react-native 还很陌生,并且仍在尝试弄清楚如何在组件和屏幕之间共享数据。

项目结构

0 投票
1 回答
1338 浏览

javascript - React-Native Calendars:按下一天时将日期传递给自定义函数

使用 React-Native Calendars 中的日历,我只想在按下一天时将日期(可能作为 dateString)传递给函数。

这是我的代码:

现在,我只想让它在按下一天时在这个测试函数中提醒一个 dateString,所以我知道我可以用它来做我想做的事。这是正在发生的事情:

在此处输入图像描述

0 投票
1 回答
318 浏览

javascript - React-NativeCalendar 议程没有用于排毒的 testID

我正在为我的 react-native 项目使用 detox,它有一个使用 react-native-calendar 中的 Agenda 组件的日历组件。我希望为议程组件添加一个 testID,但似乎没有。这是我的议程代码。

0 投票
2 回答
766 浏览

sqlite - 如何在 React Native Calendars 中动态填充markedDates 对象?

根据 React-Native-Calendars 文档,这里是带有硬编码标记日期的测试代码,显示日历上的点:

基本上我想根据数据显示一两个点。假设我正在从 SQLite 检索数据,如何在 React Native 中动态填充标记日期?

0 投票
1 回答
927 浏览

react-native - 不想选择日期 react-native-calendars 议程

本机应用程序并使用本机日历的议程。我正在使用旋钮打开议程,如 gif 所示https://raw.githubusercontent.com/wix/react-native-calendars/master/demo/agenda.gif但如果用户不想选择或想取消这个操作他们会做什么。我希望旋钮关闭该议程。或者取消操作的东西请帮忙。

提前致谢!!!

0 投票
0 回答
183 浏览

react-native - 议程不显示任何月份的最后一个日期

描述:我正在使用 react-native-calendars 库中的议程,它适用于我的数据,但它没有在下面的列表中显示月份的最后日期,而我可以在标题中看到月份的所有最后日期。这是我的渲染方法:

它应该正确显示所有日期。但结果是:日历中的错误

未在下面的列表中显示任何月份的最后一个日期。

环境:“react-native”:“0.57.8”,“react-native-calendars”:“^1.24.0”,

0 投票
0 回答
336 浏览

javascript - react-native-calendar : 如何选择有限的天数

我正在为我的项目使用react-native-calendars。我可以选择 days ON/OFF

但是,我希望用户在选择日期时有限制。所以我想让用户接受3 days

如果超过3days are selected,禁用selected method.

知道我该怎么做吗?任何意见或建议都会非常有帮助。

提前致谢!

这是我的代码:

状态:

0 投票
1 回答
1241 浏览

react-native - 使用 componentDidUpdate 动态更改 React 组件中的选定日期

每次用户导航到日历屏幕时,我都需要将 selectedDay 更改为当前日期。

我将选定的日期设置为今天,并且已经可以检测到用户何时访问屏幕,但即使我更改状态或强制更新,日历也不会移动到我设置为选定的日期。

通过 forceUpdate 或更改某些任意状态,日历将保持在当前选定的日期。我想让它回到今天。