React-native-calendars: can't scroll back if an empty day is present in agenda
Please make our job easier by filling this template out to completion. If you're requesting a feature instead of reporting a bug, please feel free to skip the Environment and Reproducible Demo sections.
Description
Using the agenda view, if you scroll forwards in time, it jumps past the empty day but you cannot scroll back in time without tapping the date.
Expected Behavior
I expect to be able to scroll in both directions
Observed Behavior
see screen recording
Environment
Please run these commands in the project folder and fill in their results:
npm ls react-native-calendars: 1.212.0npm ls react-native: 0.61.2
Also specify:
- Phone/emulator/simulator & version: iPhone 11 Pro on 13.0
anthonyhumphreys
All 8 comments
anthonyhumphreys
on 4 Nov 2019
@anthonyhumphreys I can't reproduce this bug in our demo app. Can you add more details like code snippet?
Inbal-Tish
on 23 Jan 2020
Hi @Inbal-Tish
First of all - thanks for this lovely library!
I've run into the same problems as @anthonyhumphreys (thanks for providing the video. It helped me verify that you had the exact same problem as I did).
I've created a snack that reproduces the bug. After setting the selected date to a date in the "future" I cannot scroll to the previous dates in the agenda view. Furthermore, when I start scrolling down (to future dates), it almost immediately scrolls all the way to the last item. If you set interval=1, so that there are no empty dates, it seem to work as expected.
jenskuhrjorgensen
on 18 Feb 2020
@anthonyhumphreys Please provide renderEmptyDate function for your empty dates and see if the bug persists.
Inbal-Tish
on 19 Feb 2020
@Inbal-Tish renderEmptyDate is ready to be outcommented in the snack I provided earlier. I've done it here and the bug still persists.
jenskuhrjorgensen
on 19 Feb 2020
has someone succeeded in fixing this issue?
uladzislaubasin
on 6 Apr 2020
@uladzislaubasin Unfortunately not. It ended up being unable to use the Agenda component for this reason.
jenskuhrjorgensen
on 6 Apr 2020
Hi,
@anthonyhumphreys @jenskuhrjorgensen
I tried to use the code you uploaded and I found the problem.
When passing items to the Agenda, you must pass a value to each date. for example:
This is not allowed!
items: {
"2020-02-18": [{name: meeting}],
"2020-02-20": [{name: other meeting}]
}
You must pass _2020-02-19_:
items: {
"2020-02-18": [{name: meeting}],
"2020-02-19": [],
"2020-02-20": [{name: other meeting}]
}
chenei
on 31 May 2020
Related issues
akhilsanker
路
4Comments
sommeshEwall
路
3Comments
chapeljuice
路
3Comments
srichallamalla935
路
4Comments
joaosauer
路
4Comments
Most helpful comment
Hi,
@anthonyhumphreys @jenskuhrjorgensen
I tried to use the code you uploaded and I found the problem.
When passing items to the Agenda, you must pass a value to each date. for example:
This is not allowed!
items: { "2020-02-18": [{name: meeting}], "2020-02-20": [{name: other meeting}] }You must pass _2020-02-19_:
items: { "2020-02-18": [{name: meeting}], "2020-02-19": [], "2020-02-20": [{name: other meeting}] }