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

react-native - 如何从反应本机日历(可消耗日历)中隐藏标题值以及如何在其中添加旋钮

我已经通过 react-native-calendars 实现了 ExpandableCalendar,现在我需要隐藏标题标题,请帮助我在 expandableCalender 上使用旋钮请找出我需要隐藏 2020 年 1 月并需要将旋钮更改为向下箭头的屏幕截图

请帮助我..提前谢谢

0 投票
1 回答
896 浏览

react-native - 如何在 react-native-calendars 包中设置滚动周历的日期

我正在尝试使用 react-native-calendars 包中的 WeekCalendar。我可以查看 WeekCalendar 并滚动它。但是,我希望水平滚动 - currentDate 应该更新为当周的日期,并且应该在 UI 上更新。我该怎么做?

我能够找到 onclick 的解决方案,但我希望滚动当前日期应该是该周的日期。

selectedDateOfTheWeek 以 'YYYY-MM-DD' 格式存储日期。我正在使用 Redux 来管理状态。

0 投票
1 回答
247 浏览

react-native - 反应本机日历缺少一个月中的一天

https://raw.githubusercontent.com/wix/react-native-calendars/master/demo/calendar.gif

上面的 gif 显示了 react-native 日历的内容。如您所见,它只有 5 条线路,因此某月某天会错过。反正有没有排到6?

0 投票
1 回答
1466 浏览

react-native - 在 react-native-calendars 上添加网格

我在我的应用程序中使用带有自定义日组件的 react-native-calendars 库。最后要添加的是网格,我尝试添加一个边框,但外观不好:水平边框之间仍有空间,垂直边框重叠,显得更厚。这是代码:

这是我得到的结果

在此处输入图像描述

我怎样才能得到下面的结果(只有网格)?

在此处输入图像描述

0 投票
2 回答
3367 浏览

react-native - NSMutableArray 类型的 JSON 值无法转换为 NSString

描述

我刚刚安装了模块并实现了示例示例,在 Android 中,它工作正常,但我在 iOS 上遇到了问题。当我通过单击 Dismiss 来消除错误时,它对我有用。我还附上了示例代码。我认为这是一个内部问题。

预期行为

打开日历而不会出现此错误。

错误信息:

环境

  • react-native-calendars: "^1.264.0"
  • react-native:“^0.58.5”
  • react:“16.8.6”

我认为错误在这里accessibilityActions

路径:./node_modules/react-native-calendars/src/calendar/header/index.js。

0 投票
0 回答
86 浏览

react-native - ExpendableCalendar 在 iOS 上不消耗,反应原生日历

我已经集成了react-native-calendars的 ExpendableCalendar,它在 android 上已正确扩展和关闭,但在 iOS 上不起作用。它不会在 iO 上向上或向下滚动。这是我添加的代码::

请检查一次,并告诉我我在这里做错了什么。此扩展日历功能不适用于 iOS。它在android上正常工作。

0 投票
0 回答
76 浏览

javascript - 如何在函数中创建模态页面?

日历/index.js

我正在修改 react-native-calendar 模块中的 calendar/index.js。我制作了像 iphone 日历一样的日历页面。如果我在 renderday 函数中单击视图 home_day,我希望显示模式页面..... setModalPage 函数运行良好,但模式页面没有显示。我该如何解决这个问题..?

编辑

我自己解决问题。我在 toggleCalendarModal 函数中添加了 {this.forceUpdate()}。

0 投票
1 回答
629 浏览

reactjs - 反应本机日历标记日期

在反应本机日历中,有提供计划事件的标记日期。手动输入的代码如下:
markedDates={{
'2012-05-16': {selected: true, mapped: true, selectedColor: 'blue'},
'2012-05-17': {marked: true} ,
'2012-05-18': {marked: true, dotColor: 'red', activeOpacity: 0},
'2012-05-19': {disabled: true, disableTouchEvent: true}
}}
我该怎么办从数组中动态设置markedDates?

这是来自 render() 的行:
markedDates={this.state.selectedDate, this.state.markedDates}

这在 componentDidMount 中执行:
var selectedDate = {}
selectedDate[dateString] = { selected: true, selectedColor: '#c4c4c4', text: { color: 'black' } }
this.setState({ selectedDate: selectedDate })

在 react-native-calendars 中动态标记日期 这是一个类似问题的链接,但它并没有真正回答它,或者我不明白答案。两者皆有可能

0 投票
1 回答
2195 浏览

react-native - React Native 更改日历高度

我正在尝试制作一个带有日历和其他内容的页面。我正在使用 wix/react-native-calendars 并且无法更改日历的高度。当我输入高度时,我希望它只是剪掉日历。

0 投票
1 回答
1525 浏览

react-native - 具有多点和周期标记样式的 React Native 日历

我想用 react-native-calender 制作带有周期和多点标记样式组合的日历视图,如下图所示

日历图像

所以有人建议我如何做到这一点?