Calendar List not showing inside react-navigation StackNavigator about react-native-calendars

[watadarkstar]

@winsaz This works but be careful with removeClippedSubviews={false} as it might effect performance (see this) . Nonetheless thank you for the fix 👍

[watadarkstar]

I have the same issue 👍 Also doesn't work in a TabNavigator using react-navigation. Commenting to follow.

[sibelius]

This is problem with ListView and FlatList on React Native

[watadarkstar]

@sibelius can you please link to a PR or issue that this is related to in react-native

[winsaz]

Hi, according to what @sibelius said about ListView problems, I have solved it by modifying the library itself.

You need to add options
initialListSize={20} removeClippedSubviews={false}
to
<ListView />

This will solve the problem.

[tautvilas]

I'm not sure if this will help but did you try adding flex:1 to element containing CalendarList?

[winsaz]

@tautvilas i have tried adding flex like this
<View style={{ flex: 1 }}> <CalendarList /> </View>

and it didnt work
or did u mean by anything else?

[watadarkstar]

@tautvilas @winsaz I also tried that and it didn't work.

[tautvilas]

Hey, I actually never tried this lib with react-navigation, I will look into it when I get some time, but people who have more experience with react-navigation could help better @sibelius

[sibelius]

this is the issue facebook/react-native#1831

it is not a problem with this package, we can close this

[tautvilas]

thx @sibelius